在 CSS 中,经常会遇到中文文字需要去点的情况。下面我们介绍两种方法:// 方法一:使用 word-break 属性 p { word-break: break-all; } // 方法二:使用 t
在 CSS 中,经常会遇到中文文字需要去点的情况。下面我们介绍两种方法:
// 方法一:使用 word-break 属性 p { word-break: break-all; } // 方法二:使用 text-overflow 属性 p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
方法一:使用 word-break 属性
word-break 属性可以控制单词内的换行。默认情况下,当单词太长超出父容器宽度时,会换到下一行。使用 word-break: break-all; 可以强制单词内换行,从而实现去点的效果。
方法二:使用 text-overflow 属性
text-overflow 属性可以控制文本超出容器范围时如何处理。设置 overflow: hidden; 和 white-space: nowrap; 可以将文本隐藏和限制在一行内。使用 text-overflow: ellipsis; 可以在超出范围的文本末尾显示省略号。
以上两种方法,具体使用哪种取决于项目需求。我们可以根据实际情况进行选择。
粉丝
0
关注
0
收藏
0