html – 为什么给定宽度时元素会丢失其左/右边距?

前端之家收集整理的这篇文章主要介绍了html – 为什么给定宽度时元素会丢失其左/右边距?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
下列:
<!DOCTYPE html>
<form>
    <input type=text>
</form>

在Chrome中生成以下框模型:

但是,如果输入类型的样式为宽度:

<!DOCTYPE html>
<form>
    <input type=text style="width: 100px;">
</form>

左和右边距被删除

为什么是这样?

解决方法

“内在利润的目的是试图防止相邻的控制措施相互对接,特别是通过圆润的控制,这看起来很可怕,你看到价值观的变化的原因是,当我们认为它不会中断时,我们只设置固有的利润率页面的布局如果作者在控件上指定了一个显式的高度/宽度,那么我们假设设计者需要像素精确的控制,所以我们关闭边距以避免中断页面布局.“

https://code.google.com/p/chromium/issues/detail?id=128306#c20

猜你在找的HTML相关文章