如何更改此html表的列宽

时间:2018-06-18 02:10:34

标签: html css html-table

有没有办法在这里指定列宽?

嗨,我正在尝试设置表格,但我不知道如何指定列宽。我已经读过这样做的方法是使用CSS:<td style="width:130px">

我正在使用xampp而我只使用PHP文件。

<!DOCTYPE html>
<html>

<body>

  <table>
    <tr>
      <td>$item</td>
      <td><img src='item_image_folder/img'></td>
    </tr>
  </table>

</body>

</html>

表格的内容

Category 1

item_name  image
item_name  image

Category 2

item   image 
item   image 

Category 3

long_item_name   image 

4 个答案:

答案 0 :(得分:1)

<style>
td {
   width:130px;
}
</style>

这是使用css样式,指定<td>的宽度

答案 1 :(得分:0)

你可以这样使用。

<table>
    <tr>
        <th width="200"></th>
        <th width="100"></th>
        <th width="100"></th>
     </tr>
</table>

您可以将width属性设置为像素/%格式。 (例如:width =&#34; 50&#34;) (例如:width =&#34; 50%&#34;)

参考:https://www.w3schools.com/tags/att_table_width.asp

答案 2 :(得分:0)

是的,您需要做的就是选择要扩展的单元格,然后在<td>标记中设置此属性:width="40px"(仅限示例 - 请更改它喜欢)。您也可以使用height="20px"属性以相同的方式更改高度。

答案 3 :(得分:0)

问题在于在echo语句中为每个<td>的宽度设置样式。解决方案是简单地使用单引号而不是双引号

<td width='130px'>$item</td> 这一个在echo“”内部是正确的;

<td width="130px">$item</td>

我也可以使用<td id='cell1'>$item</td>和样式:

<style> td#cell1{width:130px;} </style>