Css自动换行,css div自动换行

  Css自动换行,css div自动换行

  自动换行的问题,正常字符的换行是合理的,而连续数字和英文字符往往会放大容器,相当麻烦。下面是CSS如何实现换行。

  对于块级元素,如div、p和p

  普通文本换行(亚洲文本和非亚洲文本)的元素具有默认的空白:normal,它在定义的宽度后自动换行。

  超文本标记语言

  Div id=wrap 定义/div css时,普通文本的换行符(亚洲和非亚洲)元素具有默认的空白:normal。

  # wrap {空白:正常;200px}

  微软公司出品的web浏览器

  连续的英文字符和阿拉伯数字,使用自动换行:断字;或者断词:break-all;实现强制换行符。

  超文本标记语言

  div id= wrap abcdefghijklmnabcdefghijklmnabcdefghijklmn 11111111/div

  钢性铸铁

  # wrap { word-break:break-all;200px}或者

  # wrap { word-wrap:break-word;200px}

  火狐浏览器

  火狐所有版本都没有解决这个问题。我们必须隐藏边界之外的字符,或者在容器中添加滚动条。

  超文本标记语言

  div id= wrap abcdefghijklmnabcdefghijklmnabcdefghijklmn 11111111/div

  钢性铸铁

  # wrap { word-break:break-all;200px溢出:自动;}

  对于表元素

  微软公司出品的web浏览器

  1.使用表格布局:固定;强制表格的宽度,多余的内容被隐藏。

  表格宽度=200

  tr

  TD abcdefghigklmnopqrstuvwxyz 1234567890 ssssssssssssss

  /td

  /tr

  /表格

  2.使用表格布局:固定;表格宽度强制,内层TD和th断字:break-all;或自动换行:断字;换行

  表格宽度=200

  tr

  td宽度= 25% abcdefghigklmnopqrstuvwxyz 1234567890

  /td

  TD abcdefghigklmnopqrstuvwxyz 1234567890

  /td

  /tr

  /表格

  3.嵌套div,p等。在td中,th采用上面提到的div,p的断行方式。

  火狐浏览器

  1.使用表格布局:固定;表格宽度强制,内层TD和th断字:break-all;或自动换行:断字;换行,使用溢出:隐藏;藏在里面,这里溢出:auto不能工作。

  表格宽度=200

  tr

  td宽度= 25% abcdefghigklmnopqrstuvwxyz 1234567890/TD

  td宽度= 75% abcdefghigklmnopqrstuvwxyz 1234567890/TD

  /tr

  /表格

  2.嵌套div,p等。在td中,th采用上述方法来对付Firefox。

  最后,这种现象的概率很小,但不排除网友的恶搞。如果您有任何问题,请回复并预览提到的例子的效果。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: