0 
<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 来存储这些框中的页面编号（分页器的一部分），我想要它，所以数字 1 与数字 100 一样居中. 目前 number1 使盒子在我必须居中的方法中缩小，但是当我创建一个定义的盒子大小时，它只是将数字对齐。有人知道在 div 中居中元素的快速修复方法吗？

4

2 回答 2

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

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

于 2013-01-29T15:39:57.153 回答
1

使用当前文本，您的 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/

于 2013-01-29T15:40:40.233 回答