在本文中,我們深入研究如何確定 DIV CSS 和 HTML 設定中的垂直文字溢出的問題。 ]
考慮以下 CSS 和 HTML 程式碼:div.rounded { 背景顏色:#FFF; 高度:123 像素; 寬度:200 像素; 字體大小:11px; 溢出:隱藏; }
div.rounded {
background-color: #FFF;
height: 123px;
width: 200px;
font-size: 11px;
overflow: hidden;
}
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Phasellus vel quam vestibulum orci blandit laoreet.
要確定DIV元素的文字是否溢出,可以使用JavaScript。以下腳本將元素的捲動高度與其客戶端高度進行比較:function GetContainerSize() { var 容器 = document.getItemById("tempDiv"); 變數訊息 = “帶填充的內容的寬度: 容器.scrollWidth "px.\n"; 訊息 = 「有填充的內容的高度: 容器.scrollHeight "px.\n"; 警報(訊息); }
function GetContainerSize() {
var container = document.getElementById("tempDiv");
var message =
"The width of the contents with padding: "
container.scrollWidth
"px.\n";
message =
"The height of the contents with padding: "
container.scrollHeight
"px.\n";
alert(message);
}
有關此主題的更多信息,請參閱以下腳本:免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。
Copyright© 2022 湘ICP备2022001581号-3