html – 为什么给定宽度时元素会丢失其左右边距？_html-js-css

概述下列： <!DOCTYPE html><form> <input type=text></form> 在Chrome中生成以下框模型：但是,如果输入类型的样式为宽度： <!DOCTYPE html><form> <input type=text style="width: 100px;"></form> 左和右边距被删除：为什么是这样？ “内在利润的目的是试图防止相邻的下列：

<!DOCTYPE @R_404_6832@><form>    <input type=text></form>

在Chrome中生成以下框模型：

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

<!DOCTYPE @R_404_6832@><form>    <input type=text ></form>

左和右边距被删除：

为什么是这样？

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

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

总结

以上是内存溢出为你收集整理的html – 为什么给定宽度时元素会丢失其左/右边距？全部内容，希望文章能够帮你解决html – 为什么给定宽度时元素会丢失其左/右边距？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1099601.html

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

发表评论

评论列表（0条）