jquery如何判断div是否文本溢出

JavaScript011

jquery如何判断div是否文本溢出,第1张

你可以给外面一个div一个高度，然后文本高度自动获取，然后判断文本高度大于外面那个高度就是溢出；

<script type="text/javascript" src="jquery.js"></script>

#dtext1{height:100pxwidth:100px} <div class="" id="dtext1">

    <div id="dtext2">

         这是一个div滚动事件测试这是一个div滚动事件测试这是一个div滚动事件测试这是一个div滚动事件测试

    </div>

</div> var txth = $('#dtext1').height()

var txth2 = $('#dtext2').height()

    if(txth2>txth){

        alert("溢出了")    

    }

简单的一个例子参考下。希望能帮到你

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

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