如何在表格中为 <th> 标签设置 Max-width，Max-width 是否支持 <th>？ [复制]答案

【问题标题】：How to set Max-width for <th> tag in Table, Does Max-width supports for <th>? [duplicate]如何在表格中为 <th> 标签设置 Max-width，Max-width 是否支持 <th>？ [复制]
【发布时间】：2018-01-31 14:20:00
【问题描述】：

我将 min-width 和 max-width 设置为 TH tag 。最小宽度属性反映了最大宽度属性没有反映的地方。当我检查并检查 TH 标签时，它看起来只适用

<table>
<thead>
<tr>
    <th> S.No </th>
    <th> Name </th>
    <th style="min-width:40px; max-width:150px;"> Description </th>
    <th> Gender </th>
</tr>
</thead>
<tbody>
<tr>
    <td> 1 </td>
    <td> Xyz </td>
    <td> Having Excess content more than 160 characters </td>
    <td> Male/Female </t>
</tr>
</tbody>
</table>

【问题讨论】：

max-width 在表格中，可以应用于所有标签。不是任何个人。
添加table { table-layout:fixed;}和th {max-width: 150px}
murl2308 - 这不起作用。

标签： html css

【解决方案1】：

表格列会根据数据增加

行内宽度不起作用
你能做什么把表格布局固定table(table-layout:fixed;)
然后为列分配宽度

【讨论】：

这行不通。

【解决方案2】：

<table>
    <thead>
        <tr>
            <th> S.No </th>
            <th> Name </th>
            <th style="width:150px; max-width: 150px;"> Description </th>
            <th> Gender </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td> 1 </td>
            <td> Xyz </td>
            <td> Having Excess content more than 160 characters </td>
            <td> Male/Female </td>
        </tr>
    </tbody>
</table>

【讨论】：

如果我直接给出宽度：150px;那么没有最小宽度的情况。 Feild 始终占用 150Px；
最小宽度：??我添加了最大宽度..作为预防措施..
如果我的内容少了？？？
如果您的内容较少，那么它将适合 150px..但以防万一您需要打印页面..这是预防措施...

【解决方案3】：

你可以在你的 css 中使用下面的 th 和 td 标签

max-width: 150px; word-wrap:break-word;

但我认为只有 width 或 max-width 也可以工作。

【讨论】：

不走运老兄......直到我使用宽度它没有反映......