firefox - LTE Firefox 2でテキストをインラインブロックスパンの中央に配置するにはどうすればよいですか？

Question

div内に3つのスパンがあります。

誰かアイデアがありますか？

score 3 · Accepted Answer

編集：

div{
    width:80%;
    display:table;
}
span{
    width:33%;
    display:table-cell;
    text-align:center;
    border:1px solid #F00;
}

幅を調整するには、divとspanの両方の幅を変更する必要があることに注意してください。スパンは100/（スパンの数）％で、divは任意の幅にする必要があります。

score 2 · Accepted Answer

HTML

textに置き換えるtext

CSS

p {display:-moz-inline-stack;text-align:center}
span {display:block}

score 0 · Accepted Answer

それらのスパンに左右のパディングを入れるだけですか？

したがって、このようなものがある場合：

<div>
    <span>some text</span>
    <span>also some text</span>
    <span>again here comes some text</span>
</div>

cssで次のように使用してください。

span{
padding:0 10px;
}

結果は次のようになります。

注：1pxの境界線を追加したので、テキストが「中央に配置」されていることがわかります...

3 に答える 3