The overflow-wrap CSS property applies to text, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box. Note: The property was
The overflow-wrap CSS property applies to text, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box.
.container { display: flex; } .overflow-wrap-anywhere { background-color: #2fe262; border: 2px solid #000000; width: 100px; height: 150px; overflow-wrap: anywhere; margin-right: 50px; } .overflow-wrap-break-word { background-color: #2fe262; border: 2px solid #000000; width:...
Chrome 134 135 136 137 138 139 140 Edge 134 135 136 137 Safari 18.2 18.3 18.4 18.5 TP Firefox 136 137 138 139 140 141 142 Opera 114 115 116 117 IE 8 9 10 11 Chrome for Android 137 Safari on iOS 18.2 18.3 18.4 18.5 Samsung Internet ...
CSS overflow-wrap 属性是用来说明当一个不能被分开的字符串太长而不能填充其容器时,为防止其溢出,浏览器是否允许这样的单词中断换行。实例 允许长单词换行到下一行:<!DOCTYPE html> p.test { width:11em; border:1px solid #000000; word-wrap:break-word; } This paragraph contains a very long ...
word-wrap(overflow-wrap) word-wrap 又叫做 overflow-wrap : word-wrap 属性原本属于微软的一个私有属性,在 CSS3 现在的文本规范草案中已经被重名为 overflow-wrap 。word-wrap 现在被当作 overflow-wrap 的 “别名”。稳定的谷歌 Chrome 和 Opera 浏览器版本支持这种新语法。
overflow属性可以有收下属性: visible, hidden, scroll, auto 代码语言:javascript 代码运行次数:0 运行 AI代码解释 .element{height:200px;overflow:[overflow-x][overflow-y];} 由于overflow是一种简写属性,因此它可以接受一个或两个值。 第一个值用于水平轴,第二个值用于垂直轴。
The overflow-wrap property in CSS allows you to specify that the browser can break a line of text inside the targeted element onto multiple lines in an
在CSS中,实现内容换行通常与overflow属性结合使用,但更多的是依赖于其他属性,如word-wrap(或overflow-wrap)、white-space、line-height等。 word-wrap(或overflow-wrap):控制单词是否可以在必要时拆分换行。例如,overflow-wrap: break-word;允许长单词在必要时拆分换行。 white-space:控制空白字符的处理和文本的换行方...
CSS中的overflow-wrap属性用于指定浏览器可以在任何目标元素内中断文本行,以防止在原始字符串太长而无法容纳时溢出。此属性先前称为word-wrap,某些浏览器仍支持该属性,但在CSS3草案中将其重命名为overflow-wrap。 用法: .box{overflow-wrap:break-word;