失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html中文本不自动换行 css文字不自动换行怎么解决?

html中文本不自动换行 css文字不自动换行怎么解决?

时间:2019-02-22 17:23:47

相关推荐

html中文本不自动换行 css文字不自动换行怎么解决?

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

文字不自动换行可以通过css设置强制换行(word-break:break-all;)来解决。

示例:

p.test1

{

width:11em;

border:1px solid #000000;

word-break:hyphenate;

}

p.test2

{

width:11em;

border:1px solid #000000;

word-break:break-all;

}

This is a veryveryveryveryveryveryveryveryveryvery long paragraph.

This is a veryveryveryveryveryveryveryveryveryvery long paragraph.

注释:目前 Opera 不支持 word-break 属性。

效果如下:

word-break 属性规定自动换行的处理方法。

提示:通过使用 word-break 属性,可以让浏览器实现在任意位置的换行。

语法:word-break: normal|break-all|keep-all;

属性值:normal 使用浏览器默认的换行规则。

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

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

如果觉得《html中文本不自动换行 css文字不自动换行怎么解决?》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。