美文网首页css
设置table的td宽度,不随文字变宽

设置table的td宽度,不随文字变宽

作者: 艾石溪 | 来源:发表于2017-05-27 18:17 被阅读210次

    开发时,出现当td的内容特别多的时候,会出现展示不开,然后后面的项目展示不出来。因此要设置table的td的宽度。

    解决办法:

    table 设置 宽度,绝对宽度和相对都可以
    table-layout:fixed ;
    并且,第一行的<td>设置宽度,留一个不设,自由伸缩。

    这样操作之后,table是宽度固定了,但是里面的文章如果很长,文字还是会跑出来
    解决办法:

    在 td 里面 加上 style="word-wrap:break-word;" 自动换行就好了,如果不想换行,可以将超出内容设为隐藏,并且用省略号代替:
    在td上面加
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;(目前仅在IE8测试通过)

    参考链接

    相关文章

      网友评论

        本文标题:设置table的td宽度,不随文字变宽

        本文链接:https://www.haomeiwen.com/subject/ixgqfxtx.html