Question

我一直试图让一个元素伸展到整个表格的长度，问题是这个元素的最边缘总是留有一个空间。

因此，我一直在努力扩展处理近期帖子的元素＆＃39;一直到边缘，我一直在搞乱它几个小时试图改变显示并改变它的格式化。

注意：由于网站上的问题，我花了很多时间将所有问题和解决方案整理成一个JSFiddle ......这应该是任何人都更容易理解解决方案。

JSFiddle：https://jsfiddle.net/zm7bpr8p/2/

<table width="1000" border="1">
<thead>
<tr>
<th>Test1</th>
<th>Test2</th>
<th>HEAD1</th>
<th>HEAD2</th>
<th>Comments</th>
</tr>
</thead>
<tr>
<td>Test1</td>
<td>Test2</td>
<td class="DR1">DISABLED</td>
<td class="DR2">DISABLED2</td>
<td>Comments</td>
</tr>
</table>

Answer 1

您的表格列有问题。

你的第一行有5个单元格，但其他只有3个单元格（＆＃34; .threads＆＃34;＆＃34; .posts＆＃34;不可见）。

隐藏这两个单元格并解决问题。

变换：

td.threads, td.posts {
    display: none;
    padding: 0px !important;
}

要：

td.threads, td.posts, th.threads, th.posts {
    display: none;
    padding: 0px !important;
}

Answer 2

在你桌子的“线程”中，仍有五列“线”和“帖子”仍然可见。好像你错过了添加这种CSS样式。

/*Add this CSS style*/

.list >thead .threads, .list >thead .posts {
   display: none;
}

或者您可以隐藏所有“主题”和“帖子”列。

/*Add this CSS style*/
.list .threads, .list .posts {
   display: none;
}

希望这可以帮到你;）

表格元素并非100％延伸

2 个答案: