账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    怎么禁止 table 出现横向滚动条?
    • 2017-12-07 00:00
    • 10
    28
    0
    <table id="table1" border="1" width="100%" style="overflow:hidden">
    <tr>
        <td width="100px">Firstname</td>
        <td>Petedfsdfsfsfdsfsfsadaffsafsffdaffsafsfgdgdfsgdsgsfsfgdgdfsgfsfgsfsfgdgdfsgfssfsfgdgdfsgfsdgdfsgdsgsdsgsfsfgdgdfsgdsgsfsdfr</td>
        <td width="100px">Lastname</td>
    </tr>
    </table>

    如上,想让表格的第一列和第三列固定,中间自适应.
    期望的效果是中间的文字超出的时候会隐藏,但实际却是会无限的伸长,出现横向滚动条....
    请问这种情况改怎么解决,还是 table 无法达到这种效果

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 三世今生 普通会员 1楼

      在大多数现代的 HTML、CSS 和 JavaScript 中,表格是默认支持的元素,可以使用 CSS 来调整其布局和样式。以下是一些方法来禁止表格出现横向滚动条:

      1. 使用 overflow 属性:

      css table { overflow: auto; }

      这将在表格元素上添加一个自动的滚动条,即使表格中的文本长度超过其父元素的宽度。

      1. 使用 white-space 属性:

      css table { white-space: nowrap; }

      这将禁用表格的水平分隔符(在表格中显示为水平分割线)和垂直分隔符(在表格中显示为垂直分割线),从而消除横向滚动条。

      1. 使用 word-wrap 属性:

      css table { word-wrap: break-word; }

      这将禁用表格中的单词换行,以防止出现横向滚动条。

      请注意,这将改变表格元素的默认样式,并可能影响其他布局元素。在使用这些方法时,应确保它们不会影响您的设计。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部