如何在表中设置标签的最大宽度，Max-width是否支持？

Question

我将min-width和max-width设置为TH标签。最小宽度属性反映了未反映最大宽度属性的位置。当我检查并检查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>

Answer 1

<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>

Answer 2

表格列将根据数据

增加

1. 内联宽度不起作用
2. 你可以做什么让表格布局固定table(table-layout:fixed;)
3. 然后为列指定宽度

Answer 3

您可以在css中使用以下代码来获取th和td标签

ReactDom.findDOMNode(this.refs.foo).clientWidth

但我认为只有max-width: 150px; word-wrap:break-word; 或max-width才能正常工作。