25,984
社区成员
发帖
与我相关
我的任务
分享easyui layout样式不起作用
代码如下：
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登陆页</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.4.1/themes/default/easyui.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.4.1/themes/icon.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.4.1/demo.css" />
<script src="${pageContext.request.contextPath}/jquery-easyui-1.4.1/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">north region</div>
<div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">west content</div>
<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>
<div data-options="region:'center',title:'Center'"></div>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登陆页</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.4.1/themes/default/easyui.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.4.1/themes/icon.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.4.1/demo.css" />
<script src="${pageContext.request.contextPath}/jquery-easyui-1.4.1/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">north region</div>
<div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">west content</div>
<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>
<div data-options="region:'center',title:'Center'"></div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
开心汉堡包 2015-03-09
- 打赏
- 举报
这种问题你参考demo是导入的什么,是怎么写的,如果写的一样,你的却出不来,一般是引入的路径问题,或者先后问题
ygl_0724 2015-03-06
- 打赏
- 举报
可以在浏览器上查看一下源代码，应该是JS和CSS的路径不对
zp19890228 2015-02-06
- 打赏
- 举报
检查下js和css的路径吧，我用你的代码试了，是可以的
kinglongxie 2015-02-04
- 打赏
- 举报
这个好像不能直接加在body上吧，你用一个div包起来试试。
<div class="easyui-layout">
<div></div>
<div></div>
<div></div>
</div>
<div class="easyui-layout">
<div></div>
<div></div>
<div></div>
</div>
