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