Question

<div style="border: 1px solid rgb(0, 0, 0); height: 30px; width: 30px; background-color: rgb(245, 225, 130);">
  <div style="margin: 5px;">
    <a href="#link">#down2#</a>
  </div>
</div>

这是我正在尝试的代码。这一刻有点乱。但基本上，我正在尝试这样做，所以我有一个25px x 25px div，它存储了那些盒子中的页面数量（paginator的一部分），我想要它所以数字1就像数字100一样居中。当number1使方框收缩时，我必须将它居中，但是当我创建一个定义的盒子大小时，它只是将数字对齐。有人知道快速修复div中的元素？

Answer 1

<a style="display:block; text-align:center"; href="#link#">#down2#</a>

此外，小写你的元素，不再是九十年代了

Answer 2

使用当前文字，你的Div很小。如果仅使用数字“1”，您将获得所需的内容。

<DIV style="border: 1px solid RGB(0, 0, 0); height: 30px;width:30px;  background: RGB(245, 225, 130);">
  <DIV style="margin: 5px;">
    <A href="#link#">1</A>
  </DIV>
</DIV>

a {
    display:block;
    text-align:center;
}

http://jsfiddle.net/MD2V6/

编辑：这是一个更清洁的例子。

HTML：

<div>
    <a href="#link#">1</a>
</div>

CSS：

div {
    border: 1px solid RGB(0, 0, 0); 
    height: 30px;
    width:30px;
    background: RGB(245, 225, 130);
}
a {
    padding:5px;
    display:block;
    text-align:center;
}

http://jsfiddle.net/MD2V6/2/

如何让锚标签在DIV中居中？

2 个答案: