style="display: table;“后边框重叠变粗的问题

ati1990 2017-07-14 01:55:24
	<tr style="display: table; width: 100%; table-layout: fixed;border-bottom:none;">
<th class='th-css11' width='110px'>Staff No.
<input type="hidden" name="empNo" id="empNo1" value="${flightTimeDetailInputForm0.empNo}" />
<input type="hidden" name="empNo" id="empNo2" value="${flightTimeDetailInputForm1.empNo}" />
<input type="hidden" name="empNo" id="empNo3" value="${flightTimeDetailInputForm2.empNo}" />
<input type="hidden" name="empNo" id="empNo4" value="${flightTimeDetailInputForm3.empNo}" />
</th>
<th class='th-css11' colspan='2'>${flightTimeDetailInputForm0.empNo}</th>
<th class='th-css11' colspan='2'>${flightTimeDetailInputForm1.empNo}</th>
<th class='th-css11' colspan='2'>${flightTimeDetailInputForm2.empNo}</th>
<th class='th-css11' colspan='2'>${flightTimeDetailInputForm3.empNo}</th>
</tr>
<tr class='tr-test1x' style="display: table ; width: 100%; table-layout: fixed;border-bottom:none;">
<th class='th-css11' width='110px' rowspan='2' style="border-bottom:none;">Training</th>
<td class='td-css1y column1' colspan='2'>
<input type="hidden" id="trainingCode1" value="${flightTimeDetailInputForm0.trainingCode}"/>
</td>
<td class='td-css1y column2' colspan='2'>
<input type="hidden" id="trainingCode2" value="${flightTimeDetailInputForm1.trainingCode}"/>
</td>
<td class='td-css1y column3' colspan='2'>
<input type="hidden" id="trainingCode3" value="${flightTimeDetailInputForm2.trainingCode}"/>
</td>
<td class='td-css1y column4' colspan='2'>
<input type="hidden" id="trainingCode4" value="${flightTimeDetailInputForm3.trainingCode}"/>
</td>
</tr>
<tr class='tr-test1x' style="display: table; width: 100%;table-layout: fixed;border-bottom:none;">
<th class='th-css11' style="border-top:none;">Code</th>
<td class='td-css1y' colspan='2'></td>
<td class='td-css1y' colspan='2'></td>
<td class='td-css1y' colspan='2'></td>
<td class='td-css1y' colspan='2'></td>
</tr>


设置了 border-bottom:none ,但是每一行的边框还是重叠了。请问该怎么办?
...全文
694 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
JavaTree2017 2017-07-21
  • 打赏
  • 举报
回复
在table设置 table-bordered Border-bottom:none取消
浪子回头8 2017-07-18
  • 打赏
  • 举报
回复
tr不用加样式啊,给table、td加上即可: table{ border-collapse:collapse; margin:0 auto;} table td{ border:1px solid #CCC; line-height:25px; }

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧