<分区>
我有三个<span>我想一个接一个水平放置的元素。我还需要中间元素位于页面的中心(水平方向)，但是 margin:auto; width: 100px不工作，因为它是 <span> .如果我成功了 <div> , 有一个换行符。
我该如何解决这个问题？
<分区>
我有三个<span>我想一个接一个水平放置的元素。我还需要中间元素位于页面的中心(水平方向)，但是 margin:auto; width: 100px不工作，因为它是 <span> .如果我成功了 <div> , 有一个换行符。
我该如何解决这个问题？
最佳答案
我会使用三个相同的 span 元素，宽度为 100px，display: inline-block 嵌套在 div 和 text -align 设置为居中:http://jsfiddle.net/e9sru/
HTML:
<div id="container">
<span class="inner">
<div class="overflow">Lorem ipsum dolor est mori. I am overflowing but still to the left of number two</div>
</span>
<span class="inner">Two</span>
<span class="inner">Three</span>
</div>
CSS:
#container {
text-align: center;
}
.inner {
display: inline-block;
position: relative;
}
.overflow {
float: right;
}
关于html - 如何在 CSS 中将 span 元素居中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15324452/