html – Chrome：自动移动网页元素

概述我正在开发一个网络项目.在过去的两周里,我正在进行学期考试,所以我要休息一下.现在,既然他们结束了,我就恢复了工作;但我发现我的一些网页元素(如按钮,跨度)在Chrome上移动了一些像素(不在IE和Mozilla上).这背后的原因是什么？我该如何克服这个问题？ 原始代码：http://jsfiddle.net/p22L15vs/15/embedded/result/ 镀铬的左边距(用于按钮)最初是 我正在开发一个网络项目.在过去的两周里,我正在进行学期考试,所以我要休息一下.现在,既然他们结束了,我就恢复了工作;但我发现我的一些网页元素(如按钮,跨度)在Chrome上移动了一些像素(不在IE和Mozilla上).这背后的原因是什么？我该如何克服这个问题？

原始代码：http://jsfiddle.net/p22L15vs/15/embedded/result/

镀铬的左边距(用于按钮)最初是：

-webkit-margin-start:620px;

现在相同的代码使按钮输入一个新行.

跨度的另一个例子：

原始代码：http://jsfiddle.net/vbpasx1j/

小提琴中显示的文字放在span标签中.两周前它只需要两行.现在需要三条线.

解决方法 您好,欢迎来到社区！
  首先,在您提供的链接中,按钮的-webkit-margin-start：设置为620px,而不是166.
  这与菜单div的宽度相结合< div ID =“div_element”>以及元素周围的填充超过了原始的#wrapper宽度1006px,使按钮元素跳转到下一行.
这是一个顶级解决方案的演示： http://jsfiddle.net/kqxmbcdt/ 减少-webkit-margin-start：到619px,你很高兴. 在定位元素时,请始终注意未计入的边距和填充,如您所见,有时1px是打破布局所需的全部内容. 总结

以上是内存溢出为你收集整理的html – Chrome：自动移动网页元素全部内容，希望文章能够帮你解决html – Chrome：自动移动网页元素所遇到的程序开发问题。

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