首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >避免出现水平滚动条

避免出现水平滚动条
EN

Stack Overflow用户
提问于 2014-09-12 00:53:54
回答 1查看 420关注 0票数 0

我有一个两行两列的表。此表本身包含在表/tr/td的层次结构中。第一行有非常长的文本,第二行有两列。第一列使用单选按钮,第二列使用其他一些控件。第二排看起来不错。问题是,因为第一行的文本很长,所以我得到了一个我想要避免的水平滚动条。我想要长文本换行到第一行的另一行。任何想法都可以做到这一点。

代码语言:javascript
运行
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2014-09-12 01:17:01

将此CSS用于您的表

代码语言:javascript
运行
复制
table
{
table-layout:fixed;
}

注释后的更新

像这样使用它:

代码语言:javascript
运行
复制
<table border="1" style="width: 100%; table-layout:fixed; ">
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25793052

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档