我正在尝试为单元格设置宽度,但它不起作用。我使用 CSS 来制作它,因为 HTML5 不支持宽度。在我的问题中,我有一个带有标题的表格,在该表格中我有另一个带有滚动条的表格来显示结果,我需要通过标题对单元格结果进行排序,标题的宽度与标题相同。有人能帮我吗? 这是 fiddle .谢谢!
这是我尝试过的:
<table class="two">
<thead>
<tr>
<th style="width:150px">Tipo de Anúncio</th>
<th style="width:150px">Tipo de Imóvel</th>
<th style="width:150px">Localização</th>
<th style="width:150px">Mediador</th>
<th style="width:150px">Preço</th>
<th style="width:150px">Área</th>
</tr>
</thead>
<tbody class="scroll">
<tr>
<td colspan="2">
<div class="scroll">
<table>
<tr>
<td style="width:150px">January</td>
<td style="width:150px">$100</td>
<td style="width:150px">February</td>
<td style="width:150px">$80</td>
<td style="width:150px">February</td>
<td style="width:150px">$80</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
<td>February</td>
<td>$80</td>
<td>February</td>
<td>$80</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
<td>February</td>
<td>$80</td>
<td>February</td>
<td>$80</td>
</tr>
最佳答案
你的布局有几个问题,但主要不是宽度而是 colspan : (thw width work right)
您的 th
没有换行所有列。如果你有六列,你需要一个 colspan = 6
<tbody class="scroll">
<tr>
<td colspan="6">
我只接触了很少的元素,但你可以看到初步结果in this jsfiddle
关于css - 在html5中设置单元格的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32811606/