css text不换行怎么办

开发网页时,会遇到需要显示两行或三行文本的情况,这时就需要用到文本换行。如果碰到连续的英文或数字时,默认是不换行的,需要使用css进行设置,下面就来看看如何使用css实现文本换行吧。

css text不换行怎么办

css强制换行需要设置word-wrap属性和word-break属性,具体设置如下:

div{ 
    word-wrap: break-word;
    word-break: break-all; 
}

(推荐学习:CSS视频教程

word-wrap 可能的值,如下

● normal 只在允许的断字点换行(浏览器保持默认处理)。

● break-word 在长单词或 URL 地址内部进行换行。

word-break 可能的值,如下

● normal 使用浏览器默认的换行规则。

● break-all 允许在单词内换行。

● keep-all 只能在半角空格或连字符处换行。

更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是css text不换行怎么办的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑