html怎么判断文本超出长度,javascript – 如何查找innerHtml(文本)超出容器元素宽度...

您可以使用

element.scrollWidth > element.clientWidth

var el = document.getElementById('breaking').querySelector('span');

(window.onresize = function log() {

console.log("scrollWidth =", el.scrollWidth, ", clientWidth =", el.clientWidth);

})();

#breaking {

position: relative;

background: #802018;

box-sizing: border-box;

overflow: hidden;

}

#breaking span {

float: left;

padding-left: 70px;

width: 100%;

line-height: 46px;

overflow: hidden;

box-sizing: border-box;

white-space: nowrap;

}

#breaking label {

position: absolute;

padding: 6px;

width: 70px;

height: 100%;

overflow: hidden;

border-right: 1px solid #a8635a;

background-color: inherit;

box-sizing: border-box;

}

1318 Test - iPhone Start Page

Test Content Title Which Exceeds the outer element width to scroll