easyui把一个table成为对话框时 table变形
日期：2014-05-16 浏览次数：20439 次
easyui把一个table变成对话框时 table变形
美工设计的table是这样：
给table的class加上easyui-dialog后就变成这样了
1.
因为在easyui在table外面加了一些div,使得table的元素内样式 width=50% 是指宽度为div的50%，而不再是屏幕的50%了。、
问：能不能美工做的静态页面不做改动 用easyui就能变成对话框又不使样子走形
2.
看class加上easyui-dialog后图片上标的红的，这是多出来的一个magin=5px,我想不要这个，是easyui自己加上去 的，我就想把table放到屏幕中央，难道要美工去学easyui在那个基础上写table？我看easyui的demo里对话框里没有实际内容啊，一般加上内容（复选框什么的）是怎么加的？不能有特殊的css？那美工做好的一个当对话框内容的table岂不是没法用？
现在找到了这两个问题的原因 ，但不可能每次都找那不如叫hardui得了。
但在ie里好像没问题，帖子末尾把easyui自动加上的一些div贴出来。关键部分是
<div style="margin-top: 5px;
加了div，还margin-top：5px，有没有参数设置不要加什么div的。
上我的代码：
然后看easyui给table加上的一些蛋疼的div（用firebug看到的），加上了很多div，叫什么panel的
美工设计的table是这样：
给table的class加上easyui-dialog后就变成这样了
1.
因为在easyui在table外面加了一些div,使得table的元素内样式 width=50% 是指宽度为div的50%，而不再是屏幕的50%了。、
问：能不能美工做的静态页面不做改动 用easyui就能变成对话框又不使样子走形
2.
看class加上easyui-dialog后图片上标的红的，这是多出来的一个magin=5px,我想不要这个，是easyui自己加上去 的，我就想把table放到屏幕中央，难道要美工去学easyui在那个基础上写table？我看easyui的demo里对话框里没有实际内容啊，一般加上内容（复选框什么的）是怎么加的？不能有特殊的css？那美工做好的一个当对话框内容的table岂不是没法用？
现在找到了这两个问题的原因 ，但不可能每次都找那不如叫hardui得了。
但在ie里好像没问题，帖子末尾把easyui自动加上的一些div贴出来。关键部分是
<div style="margin-top: 5px;
加了div，还margin-top：5px，有没有参数设置不要加什么div的。
上我的代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系统</title>
<link rel="stylesheet" type="text/css" href="../../ui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../ui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../../ui/demo.css">
<script type="text/javascript" src="../../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../../ui/jquery.easyui.min.js"></script>
<style type="text/css">
table.table_input7 td{border:1px; border-color:#bfdbf5;border-style:solid; height:28px;padding-left:5px; letter-spacing:0.5px;}
</style>
</head>
<body>
<div>
<table width="50%" border="0" class="table_input7 easyui-dialog" align="center" cellpadding="0" cellspacing="0" style="margin-top:5px;">
<tr>
<td >
公安
<label>
<input type="checkbox" name="checkbox" id="checkbox" value="公安">
</label>
</td>
</tr>
</table>
</div>
<br>
</body>
</html>
然后看easyui给table加上的一些蛋疼的div（用firebug看到的），加上了很多div，叫什么panel的
<div class="panel window"
style="display: block; width: auto; left: 699px; top: 243px; z-index: 9001;">
<table width="50%" cellspacing="0" cellpadding="0" border="0"
align="center" class="table_input7 easyui-dialog panel-body"
style="overflow: hidden;" title="" id="">
<div class="panel" style="width: 28px;">
<div style="margin-top: 5px; width: 28px; height: auto;" title=""
class="panel-body panel-body-noheader panel-body-noborder dialog-content"
id="">
<tbody>
<tr>
<td>
公安
<label>
<input type="checkbox"
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
