HTML DOM minWidth 属性
JavaScript基础 2022-06-08 14:49:18小码哥的IT人生shichen
HTML DOM minWidth 属性
定义和用法
minWidth 属性设置元素框的最小宽度。
语法:
Object.style.minWidth=length|%
可能的值
值 | 描述 |
---|---|
length | 定义元素的最小宽度值。 |
% | 定义基于其包含块的百分比最小宽度。 |
实例
本例设置元素框的最小宽度:
<html>
<head>
<script type="text/javascript">
function setMinWidth()
{
document.getElementById("p1").style.minWidth="1000px";
}
</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="setMinWidth()" value="Set min width" />
</body>
</html>
TIY
完整实例【minWidth - 设置元素框的最小宽度】:
<html>
<head>
<script type="text/javascript">
function setMinWidth()
{
document.getElementById("p1").style.minWidth="1000px";
}
</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="setMinWidth()" value="Set min width" />
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html