关于HTML的<table>和CSS，如何实现：<td>单元格内的内容不满单元格时居中显示，超过单元格的则左对齐？

<td><div>内容内容内容内容内容</div></td>

<td><div>内容</div></td>

td{

    width: 100px

    text-align: center

}

div{

    text-align: letf

}

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

---