firefox - 如何在 lte Firefox 2 的内联块范围内居中文本？

Question

我在一个 div 中有 3 个跨度。

1. text-align: center不遵守
2. text-align: -moz-center两者都不
3. 我必须使用跨度
4. 没有花车
5. display: -moz-inline-block正在工作，但第 2 和第 3 个跨度向左清晰......</li>

有人有想法吗？

Answer 1

编辑：

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

请注意，需要更改 div 和 span 宽度以调整宽度。跨度应该是 100/（跨度数）%，而 div 应该是你想要的任何宽度。

Answer 2

HTML

替换<span>text</span>为<p><span>text</span></p>

CSS

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

Answer 3

只需在这些跨度上放置一些左右填充？

所以如果你有这样的事情：

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

只需在您的 css 中像这样使用它：

span{
padding:0 10px;
}

结果将是这样的：

http://i48.tinypic.com/5knczm.jpg

请注意，我添加了 1px 边框，因此您会看到文本“居中”...