我正在尝试编写一个表,以便它不会扩展到页面的整个宽度。下面是我到目前为止,但即使第一列似乎遵循“width”参数,最后一列也会扩展到页面的末尾。
我找到的所有结果都使用CSS,但我不知道该怎么做。我不知道它是否相关,但我正在写一个Joomla!制品
<table class="zebra" width="300">
<thead>
<tr>
<th style="text-align: left;" width="100">title 1</th>
<th style="text-align: center;" width="100">title 2</th>
<th style="text-align: center;" width="100">title 3</th></tr>
</thead>
<tbody>
<tr class="odd">
<td style="text-align: left;" width="100">content 1</td>
<td style="text-align: center;" width="100">content 2</td>
<td style="text-align: center;" width="100">content 3</td>
</tr>
</tbody>
</table>
答案 0 :(得分:20)
<table class="zebra" style="max-width:300px;">