Question

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

以下是代码。

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

感谢任何和所有帮助，谢谢！

谢谢大家，经过所有的评论和建议，它让我思考的方向不同，我找到了一种方法，让它与表类中的更改一起工作。

通过在表类定义中添加一个浮点数，它似乎适用于所有浏览器

Answer 1

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

您应该删除此属性并删除floatLeft类（删除中心文本对齐后不需要此类）。

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

更新了jsbin：http://jsbin.com/zarar/13/

当文本开始换行时，FloatLeft无法正常工作

1 个答案: