Login
网站首页 > 文章中心 > 其它

css换行代码

作者:小编 更新时间:2023-07-21 12:38:51 浏览量:165人看过

纯div css的话不好自动换行吧

最多可以超过隐藏 overflow:hidden

CSS代码:#wrap{white-space:normal; width:200px; }

或者

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

DIV代码:ddd1111111111111111111111111111111111

效果:文字自动换行。

word-break:break-all;代码起主要作用,如果没有这段链举手代棚嫌码,超出部分会自动答困隐藏掉,对用户体验很不好。

div定义宽度,文字会亮雀陆自动换行。如果是数字或者是英文字母的话一般不会自敬顷动换行。用word-wrap:break-word;实现强制断行。或者用overflow:hidden 把超出边界岁穗的字符隐藏

亲,给要换行的文字后面加上标签就可以实现文字的自动换行了

用word—break属性即可,或者使用元素包裹,或者br也可以实现。

主要用到CSS的word-break属性,为其添加:break-all参数,乱州这样的话字符会适应规定的宽度缺芦而自动换行,实际上这就是CSS的强制换行功哗扮蔽能。

分类: 电脑/网络 >> 互联网

问题描述:

如何用css控制文本自动换行 ?

解析:

默认的就是自动换行

语法:

white-space : normal | pre | nowrap

取值:

normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会滑搭转到下一行

pre : 换行和其他空白字符都将受到保护。这个值需要IE6◆或者 !DOCTYPE 声明为 standards-pliant mode 支持。如果 !DOCTYPE 声明没有前旁指定为 standards-pliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。

nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭信悔拿遇 br 对象。

以上就是土嘎嘎小编大虾米为大家整理的css换行代码相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章