text-overflow 如何判断文字是否溢出?

html-css023

text-overflow 如何判断文字是否溢出?,第1张

如果想知道一段文字是否溢出了,单纯的通过css是无法实现的。可以通过js来进行计算,

比如文字的大小为14px,容器的宽度为280px,那么当文字超过20个字后,就会溢出了。

溢出就是你设置的样式表现出来的东西超出了你的本意,比如一个盒子里面的内容本来应该包含在盒子里面,但是它不小心超出了范围,从盒子里面延伸出去了,破坏了页面的美观,所以用溢出隐藏把多余的部分隐藏掉。

css代码:

.box {width:200pxheight:30pxline-height:30pxbackground-color:#cdd/*overflow:hidden*/ }

html代码:

<div class="box">我溢出了我溢出了我溢出了我溢出了你能把我怎么样</div>

你可以看看加了overflow:hidden和不加这句的区别