html - 如何覆盖 td align ="center"？

Question

收集自 Why align="center" not overriding on {text-align:right;}在这篇文章中，CSS 应该对旧式布局属性有先见之明。我正在从事一个元素，我必须在具有以下格式的单元格中注入(inject)内容:

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

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

Answer 1

如果允许更改 td 的内容，则可以将 td 值用另一个带有 text-align:left 的标签包裹起来；

结果标签将是:

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

这是新的 CSS:

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

如果您无法修改单元格值，另一种解决方法是使用 javascript 修改对齐属性，在 jquery 中:

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