我正在呈现以下 CSS 和 HTML 片段。
textarea
{
border:1px solid #999999;
width:100%;
margin:5px 0;
padding:3px;
}
<div style="display: block;" id="rulesformitem" class="formitem">
<label for="rules" id="ruleslabel">Rules:</label>
<textarea cols="2" rows="10" id="rules"></textarea>
</div>
问题是文本区域最终比父区域宽 8 像素(边框 2 像素 + 填充 6 像素)。有没有办法继续使用边框和填充但限制总大小textarea
到父级的宽度?
为什么不忘记这些技巧而直接使用 CSS 来实现呢?
我经常使用的一种:
.boxsizingBorder {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
查看浏览器支持here http://caniuse.com/css3-boxsizing.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)