这是我的代码：
<style type="text/css">
div.page {
text-align:center;
border: 1px solid rgb(0,0);
width:20px;
height:20px;
}
span.page {
text-align:center;
border: 1px solid rgb(0,0);
width:20px;
height:20px;
}
</style>
<div class="page">1</div>
<div class="page">2</div>
<div class="page">3</div>
<span class="page">1</span>
<span class="page">2</span>
<span class="page">3</span>
Div看起来很好但是它们垂直放置.有没有办法将它们水平放置在一条线上？
跨度在一行中的位置,但跨度不能具有任何内联元素的宽度.
如果没有办法使用DIV和SPAN来完成我的任务,我将使用一个表,但我正在寻找无表解决方案.
解决方法
Lorenzo的回答是正确的,但我会在标记中添加一些内容：
<div class='pageHolder'>
<div class='page'>1</div>
<div class='page'>2</div>
<div class='page'>3</div>
<div class='pageHolder-footer'></div>
</div>
在CSS中,添加：
div.pageHolder-footer{
clear: left;
height: 0;
}
这样你的其他东西就会正常流动.
不需要div.pageHolder-footer(但保留pageHolder).然后：
div.pageHolder { overflow: auto; } /* Jans' method */
/* or */
div.pageHolder { overflow: hidden; } /* From SitePoint */
它们都有缺点,但这取决于你需要什么.
