更新

Question

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

在页面上 -

<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％的情况;有时你必须将它应用到你想要居中的对象的父容器中才能实现它。

如果宽度小于屏幕尺寸，

margin:auto

它不适用于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/

Answer 2

#resizetext img {display:block; margin:0 auto}

图像/按钮不会居中

2 个答案:

更新