0

这是一个动态构建的表的摘录。<td>使第二个 rwo (id='backdate') 中的第一个具有固定宽度的正确 CSS 是什么?(目前在增加或减少 70 值时它不会改变宽度)

在此处输入图像描述

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
 <table class='fifo' width='850' style='width:850px;table-layout:fixed;'>
  <thead><tr>
   <th colspan='3' style='width:820px;'>Details</th>
   <th style='cursor:pointer;width:15px;' title='Click to save.'><span class='ui-icon ui-icon-check'/></th>
   <th style='width:15px;' title='Click to close.'><span class='ui-icon ui-icon-closethick'/></th>
  </tr></thead>
  <tbody>
   <tr><td id='BACKDATE' colspan='1' class='button' style='cursor:pointer;width:70px;' width='70' title='Back Date Start Date/time.'>Back Date</td>
   <td colspan='4' style='width:780px;' width='780'><b>Start Date: </b></td></tr>
  </tbody>
 </table>
</body>
</html>

摆弄解决方案...

4

1 回答 1

0

添加一个具有浏览器“显示”但看不到的宽度的虚拟行可以解决问题。为了摆脱额外的边框,我不得不添加border-top-width:0px;到表格的style.

HTML

<tr>
  <th class='test' style='width:80px;'/>
  <th class='test' style='width:560px;'/>
  <th class='test' style='width:150px;'/>
  <th class='test' style='width:15px;'/>
  <th class='test' style='width:15px;'/>

CSS

.test {
  padding:0px!important;
  border-width:0px!important;
  height:0px!important;
}
于 2013-04-19T01:05:24.570 回答