html 超出用...代替

最新推荐文章于 2024-06-25 09:02:05 发布

原创最新推荐文章于 2024-06-25 09:02:05 发布 · 618 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

html 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用CSS样式来控制文本溢出的方法，包括如何设置文本超出部分以省略号显示，以及如何确定合适的宽度以确保文本正确显示。

.box {
width:85px;
height:18px;
line-height:18px;
font-size:12px; 
color:#6699ff;
overflow:hidden;
text-overflow:ellipsis; 
border-bottom:1px solid #ccc;
}

text-overflow:ellipsis; 代表省略号，overflow:hidden;代表超出固定宽度就隐藏，宽度要根据字体大小来定，以12px字体，7个字的宽度是12x7=84px，可以取个整数85px，根据需要而定。