在本文中,我们深入研究如何确定 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