避免获得水平滚动条

Question

我有一个两行两列的表格。该表本身包含在表/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