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と同じように中央に配置されるようにします現時点では、数値 1 によってボックスが縮小され、中央に配置する必要がありますが、定義されたボックス サイズを作成すると、数値が配置されます。div 内の要素を中央に配置するための簡単な修正方法を知っている人はいますか?

4

2 に答える 2

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

また、要素を小文字にします。もう90年代ではありません。

于 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 に答える