美文网首页
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