我正在开展一个网络项目。在过去的两周里，我正在进行学期考试，所以我要休息一下。现在，既然他们结束了，我就恢复了工作;但我发现我的一些网页元素（如按钮，跨度）已经在Chrome上移动了一些像素（不在IE和Mozilla上）。这背后的原因是什么？我该如何克服这个问题？
原始代码：http://jsfiddle.net/p22L15vs/15/embedded/result/
Chrome的左边距（ 按钮 ）原来是：
-webkit-margin-start:620px;
现在相同的代码会使按钮输入一个新行。
span 的另一个例子：
原始代码：http://jsfiddle.net/vbpasx1j/
小提琴中显示的文字放在span标签中。两周前它只需要两行。现在它需要三行。
答案 0 :(得分：0)
您好，欢迎来到社区！
首先，在您提供的链接中，按钮的-webkit-margin-start:设置为620px，而不是166
结合菜单div <div id="div_element">的宽度以及元素周围的填充超过原始#wrapper宽度1006px，使按钮元素跳转到下一行。
<登记/>
以下是我心目中最先进解决方案的演示：http://jsfiddle.net/kqxmbcdt/
将-webkit-margin-start:减少到619px，你就可以了。
在定位元素时，请始终注意未计入的边距和填充，如您所见，有时1px是打破布局所需的全部内容。
答案 1 :(得分：0)
这是由于Chrome 37的标题更改，引入了对Windows的DirectWrite支持。 请查看此链接以获取更多详细信息：
http://www.omgchrome.com/google-chrome-37-arrives-improved-font-rendering-windows/
此功能为各种开发人员带来了类似的问题。
要恢复到以前的字体，解决方法是在浏览器中禁用此新功能。您需要按照以下步骤操作：
1＆GT;在地址栏中输入chrome：// flags /。
2 - ;在Disable DirectWrite Windows部分中，单击Enable（实际禁用它）。
3＆GT;点击底部的立即重新启动。
4＆GT;重新启动浏览器。
原始页面设计保持不变。 ：）