HTML DOM minHeight 属性
JavaScript基础 2022-06-08 14:49:15小码哥的IT人生shichen
HTML DOM minHeight 属性
定义和用法
minHeight 属性设置元素的最小高度。
语法：
Object.style.minHeight=length|%
可能的值
| 值 | 描述 |
|---|---|
| length | 定义元素的最小高度值。 |
| % | 定义基于其包含块的百分比最小高度。 |
实例
本例设置元素框的最小高度：
<html>
<head>
<script type="text/javascript">
function setMinHeight()
{
document.getElementById("p1").style.minHeight="200px";
}
</script>
</head>
<body>
<p id="p1">This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<input type="button" onclick="setMinHeight()"
value="Set min height" />
</body>
</html>TIY
完整实例【minHeight - 设置元素框的最小高度】：
<html>
<head>
<script type="text/javascript">
function setMinHeight()
{
document.getElementById("p1").style.minHeight="200px";
}
</script>
</head>
<body>
<p id="p1">This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<input type="button" onclick="setMinHeight()" value="Set min height" />
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
相关阅读
-
无相关信息
