css - 文本开始换行时向左浮动不起作用

Question

请在这里寻求帮助。我在创建从我们的数据库中提取信息的表时遇到问题。我有两列在显示时将数据 float 到左侧并且工作正常......除非数据长于一行并将其包装然后出于某种原因将其 float 在中心。

下面是代码。

<table width="100%" cellspacing="0" cellpadding="0" border="0" class="mainTable">
   <tbody>
     <tr>
        <th class="w12p"><span class="marginLft05 css3 floatLeft">Type</span></th>
        <th class="w20p"><span class="marginLft05 css3 floatLeft">Detail</span></th>
     </tr>
<?
foreach($product_specifications as $key => $specification):
?>
      <tr class="<?=iif($key % 2 == 0, 'lightSpecRow', 'darkSpecRow')?>">
   <td>
       <span class="marginLft05 font14 css3 floatLeft"><?=$specification['name']?></span>
   </td>
   <td>
       <span class="marginLft05 font14 css3 floatLeft"><?=$specification['value']?></span>
   </td>
</tr>
<?
endforeach;
?>
  </tbody>
</table>

问题在于

<td>
<span class="marginLft05 font14 css3 floatLeft"><?=$specification['value']?></span>
</td>

感谢任何帮助，谢谢!

谢谢大家，在所有的评论和建议之后，它让我开始思考不同的方向，我找到了一种方法来让它在表类中发生变化。

通过在表类定义中添加一个 float left 它似乎适用于所有浏览器

Answer 1

您已在类 .mainTable tr td 中将 TD 对齐定义为居中。

您应该删除此属性并删除 floatLeft 类(一旦您删除居中文本对齐，就不需要此类)。

通过删除此属性，默认情况下将被视为 text-align: left。

更新的 jsbin:http://jsbin.com/zarar/13/