美文网首页
CSS样式自动换行(强制换行)

CSS样式自动换行(强制换行)

作者: 哒哒DaDa | 来源:发表于2017-02-15 17:01 被阅读791次

    这两天在解决文本自动换行的问题,table中有些列的字段文字太长了,拉宽了整体table布局,文本位于span标签中。
    查询了资料之后,说:
    对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的 white-space:normal ,当定义的宽度之后自动换行。

    #Id span{
        white-space:normal;
        width:200px; 
    }
    

    span属于内联元素,使用该方法同样成功了。不造为什么???

    • 1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行
    • 2.(IE浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行
      没有一一实现,原文档在此。

    相关文章

      网友评论

          本文标题:CSS样式自动换行(强制换行)

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