我需要离开，中心，&在同一行右对齐文本。我有以下文字：
>左对齐：1/10
>中心：02:27
>右对齐：100％
我写了以下代码，它适用于左右对齐文本，但对于中心文本不能正常工作。
HTML
<div id="textBox"> <p class="alignleft">1/10</p> <p class="aligncenter">02:27</p> <p class="alignright">100%</p> </div> <div style="clear: both;"></div>
CSS
.alignleft {
float: left;
}
.aligncenter {
float: left;
}
.alignright {
float: right;
}
解决方法
尝试这个
更新
HTML
<div id="textBox"> <p class="alignleft">1/10</p> <p class="aligncenter">02:27</p> <p class="alignright">100%</p> </div> <div style="clear: both;"></div>
CSS
.alignleft {
float: left;
width:33.33333%;
text-align:left;
}
.aligncenter {
float: left;
width:33.33333%;
text-align:center;
}
.alignright {
float: left;
width:33.33333%;
text-align:right;
}
演示代码在这里：http://jsfiddle.net/wSd32/1/希望这可以帮助！
