div中的span如何靠左居中?

<div style="text-align:left"><span>abc</span></div>

你这样试试,应该就把<span>的abc居左了

直接用样式是做不到的，需要添加一些容器来处理，试下这个吧

<div style="width:300px text-align:center background:#ccc">

    <div style="width:auto *width:100px margin:0 auto display:inline-block">

        <span style="width:auto display:block text-align:left">xxxxxxxxx</span>

        <span style="width:auto display:block text-align:left">aaaaaa</span>

    </div>

</div>

对于不兼容的IE可以给第二个div指定宽度来兼容

<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>

---