Question

从本文的Why align="center" not overriding on {text-align:right;}收集来看，CSS应该对旧式布局属性采取先见之明。我正在开发一个项目，我必须在具有以下格式的单元格中注入内容：

<td align="center">...</td>

我不希望我的内容居中，尝试使用text-align =“left”不会覆盖td-tag，如文章中所述。我该怎么做才能覆盖TD对齐属性？

Answer 1

如果允许更改td的内容，则可以使用text-align：left;

将td值包装为另一个标记。

结果标记为：

<td align="center">
  <div class="left">content here</div>
</td>

这是新的CSS：

td div.left { text-align:left; }

如果你不能修改单元格值，另一种方法是使用javascript修改align属性，在jquery中：

$(document).ready(function(){
   $('td [align=center]').attr('align','left');
   // $('td [align=center]').attr('align','left').css('text-align','left'); //or still not working
});

Answer 2

td { text-align: left; }

在IE8＆amp; FF3.6.8

演示：http://jsfiddle.net/s8qhJ/

Answer 3

<td align="center">...</td>

CSS：

td
{
text-align: left;
}

或者为它添加一个类：

<td align="center" class="mytd">...</td>

CSS：

td.mytd
{
text-align: left;
}

Answer 4

对于任何专门想要覆盖指定[align]的所有元素的人来说，这样做：

body [align] { text-align: center; }

如何覆盖td align =“center”？

4 个答案: