【问题标题】:Centering image with Javascript dosn't work in javascript使用 Javascript 居中图像在 javascript 中不起作用
【发布时间】:2012-09-04 17:25:34
【问题描述】:

我有一个小问题,我的投资组合上有一张我的照片,保持 100% 高度,我想用边距居中:0 auto;在 JavaScript 中。这适用于 IE(一次),但不适用于 webkit 浏览器。

我的作品集可以在 www.koenvrij.nl 上找到

【问题讨论】:

  • 你的代码是什么样的?
  • 我很确定您的问题是关于 css 而不是 javascript。并请发布一些代码,以提供您的 html 和 css 结构。如果您不能浪费 5 分钟的时间来制定示例,我不会浪费时间进入您的网站并说明问题所在。

标签: javascript css webkit centering


【解决方案1】:

1) 您的图片需要为 display: block;margin: 0 auto; 才能正常工作。

2) 你有一个带有margin-left: 0px; 的内联样式。这会导致问题

3) 您在图像的父容器中有一堆其他垃圾,因此它将在剩余的未填充区域(而不是整个区域)中居中。

【讨论】:

  • IIRC,在使用margin: 0 auto时,您还需要一个指定的固定width(尽管这对于图像来说可能是不必要的?)。
  • 是的。我认为这对于图像来说不是必需的。浏览器自行确定宽度。默认宽度为auto,但没有可变宽度的少数元素之一。我会说这是一种边缘情况。
  • 我忘了提及我将图像与左侧居中:50%;而不是边缘图像的一半,但不知何故它没有得到图像的一半。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-12-22
  • 1970-01-01
  • 2012-07-26
  • 1970-01-01
  • 2018-09-22
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多