html - 图像/按钮不会居中

Question

我的网页底部有 2 个文本调整大小按钮/图像，无论我到目前为止尝试什么，它们都拒绝居中并继续移动到页面的最左侧或最右侧。非常感谢任何让他们集中注意力的想法。谢谢

在页面上-

<div id="sizecontroldiv" class="controlstyle">
    <div ID="resizetext">
        Resize Text <a href="#smaller"><img src="fontminus.gif"/></a><a href="#bigger"><img src="fontplus.gif"/></a>
</div>

尝试过各种不同的移动图像的方法，所有这些方法在过去都有效，但由于某种原因现在无效。

Answer 1

居中:

text-align:center

这可以处理大多数情况，尤其是宽度为 100% 的情况；有时您必须将它应用到您想要居中的对象的父容器才能实现它。

如果宽度小于屏幕尺寸，

边距:自动

它不适用于带有 float 的对象，因为它们会向左或向右移动。

如果您使用的是 position:absolute，这将不起作用。必须通过设置实际数字或百分比将其隐式指向中心。

更新

请记住我所说的有时您必须将它应用到您想要居中的对象的父容器才能实现它。

CSS

div { text-align:center; }

HTML

<div>
  <img src="https://www.google.com/images/srpr/logo11w.png" />
</div>

您会发现图像居中得很好。 http://jsfiddle.net/Y7PtV/