.post-content a{word-wrap:break-word;} 或者我们可以使用text-overflow: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 .
/* Keyword values */overflow-wrap:normal;overflow-wrap:break-word;/* Global values */overflow-wrap:inherit;overflow-wrap:initial;overflow-wrap:unset; 该属性最初是一个非标准的,没有前缀的微软扩展word-wrap,并被大多数具浏览器实现。现在,它已经被重新命名为overflow-wrap,而word-wrap则作为该属性的一...
1.设置 overflow 2.设置 overflow-wrap 3.设置 word-break 4.设置 text-overflow 5.设置 white-space 6.设置 hyphens 7.设置 text-wrap 一、默认的换行行为 有时候,一行的长度不足以放下一个长段落,如果不做任何处理,它会发生溢出现象(overflow),对于溢出,有默认的换行规则,见如下示例。 Hello, I'm xxxxx...
但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)以及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下: text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 同时,word-wrap也可以采...
在css样式中,很多人都分不清楚两种属性,一种是文本溢出,另外一种是文字换行,那么word-wrap和text-overflow属性各是什么?下面我们来总结一下word-wrap和text-overflow属性。 一:word-wrap强制换行属性 在css3中,我们可以使用word-wrap属性来确定一串长单词和url,并且是否可以换到下一行,word-wrap的取值有两个,分别...
自动换行 | word-wrap 该overflow-wrapCSS属性指定浏览器是否应该在单词中插入换行符,以防止文本溢出其内容框。与word-break相反,如果整个单词不能在没有溢出的情况下放在自己的行上,overflow-wrap将会创建一个中断。 代码语言:javascript 复制 /* Keyword values */overflow-wrap:normal;overflow-wrap:break-word;/...
当文本所在容器的宽度固定时,可以使用 overflow-wrap: break-word; 和 overflow-wrap: anywhere; 来实现文本的自动换行;如果容器宽度为 min-content,就只能使用 overflow-wrap: break-word; 实现文本换行;overflow-wrap: break-word;也可以用于长标点符号的换行。
该overflow-wrap属性被指定为下面的列表中的任一个关键字值。 可能值 normal——行只能在正常的单词断点处(如两个单词之间的空格)断开。 break-word——为了防止溢出,如果在行中没有其他可接受的断点,通常不能破坏的语句也可能会在任意点被断开。 形式语法 ...
CSS中的overflow-wrap属性用于指定浏览器可以在任何目标元素内中断文本行,以防止在原始字符串太长而无法容纳时溢出。此属性先前称为word-wrap,某些浏览器仍支持该属性,但在CSS3草案中将其重命名为overflow-wrap。 用法: .box{overflow-wrap:break-word;
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.