Question

我正在尝试使用width属性来分隔我的HTML表格标题，并且它们将被完全忽略。

“公司类型”标题分为两行，就业类型也是如此？我的css文件中没有任何表css。我可以使用哪些属性来使左对齐的每个标题和下一个标题从前一个标题的开头开始WIDTH像素？

<thead style='float:left;'>
 <tr>
  <th style='width:270px;text-align:left;'>Company</th>       <th style='width:150px;text-align:left;'>Company Type</th>   <th style='width:80px;text-align:left;'>Employment Type</th>
        </tr>
</thead>

Answer 1

<thead style='text-align:left;'>
 <tr>
  <th style='width:270px;'>Company</th>
  <th style='width:150px;text-align:left;'>Company Type</th>
  <th style='width:80px;text-align:left;'>Employment Type</th>
</tr>
</thead>

尝试此操作并确保为所有标题元素指定了宽度，并且总宽度不超过表格宽度。

Answer 2

我从来没有可靠地使用和td宽度工作;不是100％肯定他们的意思。

我通常只在单元格内放一个div，然后给它一个宽度。或者，向th和td左右添加填充。

Answer 3

以无表格的方式，您可以通过以下方式实现这一目标：

<div style="width:270px;float:left;">
Company
</div>

<div style="width:150px;float:left;">
Company Type
</div>

<div style="width:80px;float:left;">
Employment Type
</div>

当然，您可以根据自己的喜好轻松设置样式，并将样式保存在单独的css文件中。

Answer 4

您可以尝试'nowrap' - 但HTML5中不支持

<th style='width:270px;text-align:left;'>Company</th>       
<th style='width:150px;text-align:left;' nowrap>Company Type</th>   
<th style='width:80px;text-align:left;' nowrap>Employment Type</th>

HTML表格标题对齐

4 个答案: