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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。