Question

我有一个包含两行和两列的表。该表本身包含在tables / tr / td的层次结构中。第一行只有很长的文字第二行有两列。带有单选按钮的第一列和带有其他控件的第二列。第二排看起来不错。问题是因为第一行中的长文本，我得到一个我想避免的水平滚动条。我想将长文本换行到第一行中的另一行。任何想法如何才能做到。

<table border="0" style="width: 100%; ">
    <tr  style="width: 100%;">
        <td  style="padding: 10px; word-wrap:break-word" colspan="2">
            <asp:Label ID="Label1" runat="server"  >some realllllllly long text</asp:Label>
        </td>
    </tr>
<tr>this row has two column and working fine</tr>
</table>

Answer 1

将此CSS用于您的表格

table
{
table-layout:fixed;
}

<强> DEMO

评论后更新

像这样使用它：

<table border="1" style="width: 100%; table-layout:fixed; ">

<强> DEMO

避免获得水平滚动条

1 个答案: