html文字分别居左居中居右

Question

居左 居中 居右
我想要的效果就如上面显示的那样，三段文字是同一行的，然后分别如上这样摆放，谢谢了
还有，我想要个图片居中，就是页面正中间的CSS

Answer 1

<div class="text clearfix" style="text-align:center;">

2.<span style="float:right;">居右</span><span style="float:left;">居左</span>居中
</div>

<table width="" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">

<tr>


<td bgcolor="#FFFFFF" align="left">居左</td>


<td bgcolor="#FFFFFF" align="center">居中</td>


<td bgcolor="#FFFFFF" align="right">居右</td>


</tr>


</table>

Answer 2

最简单就
<table width="" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td bgcolor="#FFFFFF" align="left">居左</td>
<td bgcolor="#FFFFFF" align="center">居中</td>
<td bgcolor="#FFFFFF" align="right">居右</td>
</tr>
</table>追问

不想用table，给个别的可以嘛

来自：求助得到的回答

Answer 3

<div class="text clearfix" style="text-align:center;">
<span style="float:right;">居右</span><span style="float:left;">居左</span>居中
</div>
能看懂不？追问

你这个剧中不行哦，我输入的显示效果是
居左居中 居右

追答

你css没写好......



追问

你的clearfix写的是什么

我用的是360和火狐，一个是你写的CSS，一个是我原本的CSS，但效果都不对



追答

不要改我的布局，把你的放到main_l的上面！
不关clearifx的事，我测试了firefox和ie6,7,8，谷歌都是可以的
.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}
以后右浮动的写左边

本回答被提问者采纳

Answer 4

可以用div里的float控制，