左右两个div用flex布局,然后把里面表格的竖行绑定百分比宽度就好了
比如左边表格每一行外层
{
display: flex;
justify-content: space-around;
}
内部数据
{
width: 30%;
}
这是我的div代码
页面代码:
<div class="w33">
<div class="pr8 hrow">
<div title="验收管理" class="easyui-panel" fit="true" tools="#tool_ysgl" height="100">
<div class="aa"><%@ include file="ysgl.jsp" %></div>
</div>
<div id="tool_ysgl">
<div class="more"><b>更多</b></div>
</div>
</div>
</div>
内容代码:
<div >
<div style="padding-left:25px;padding-top:55px;font-weight:bold;font-size:100% ">1</div>
<div style="padding-left:25px;padding-top:20px;font-weight:bold;font-size:100% ">2</div>
<div style="padding-left:25px;padding-top:20px;font-weight:bold;font-size:100% ">3</div>
<div style="padding-left:25px;padding-top:20px;font-weight:bold;font-size:100% ">4</div>
<div style="padding-left:25px;padding-top:20px;font-weight:bold;font-size:100% ">5</div>
<div style="width:80px;margin-left:90px;margin-top:-220px;font-weight:bold;font-size:100% ">项目名称</div>
<div style="width:80px;margin-left:210px;margin-top:-19px;font-weight:bold;font-size:100% ">验收状态</div>
<div style="width:80px;margin-left:322px;margin-top:-19px;font-weight:bold;font-size:100% ">验收阶段</div>
<div style="width:370px;height:20px ;color: #008080;margin-left:60px;margin-top:25px;font-weight:bold;font-size:100%;border-bottom: 1px solid;"> 项目1 已验收 第一阶段</div>
<div style="width:370px;height:20px ;color: #008080;margin-left:60px;margin-top:20px;font-weight:bold;font-size:100%;border-bottom: 1px solid;"> 项目2 已验收 第二阶段</div>
<div style="width:370px;height:20px ;color: #008080;margin-left:60px;margin-top:20px;font-weight:bold;font-size:100%;border-bottom: 1px solid;"> 项目3 未验收 /</div>
<div style="width:370px;height:20px ;color: #008080;margin-left:60px;margin-top:20px;font-weight:bold;font-size:100%;border-bottom: 1px solid;"> 项目4 已验收 第三阶段</div>
<div style="width:370px;height:20px ;color: #008080;margin-left:60px;margin-top:20px;font-weight:bold;font-size:100%;border-bottom: 1px solid;"> 项目5 试运行 /</div>
</div>
具体应该加在哪里呢?
@Psyduckkk: 你写的太乱了,还有写样式不是全部用内联样式去搞定的!
你右边的表格可以用表格插件来完成,如果不用的话也不是那样去写的;爱莫能助
@文动我心: 刚开始接触前端,不大懂。是应该用内部样式去写吗?
可以用clss定义,然后统一去写样式,这样代码看起来简洁明了,找错也比较容易