Làm cách nào để ghi đè lên td align = "center"?

Question

Khi được thu thập từ Why align="center" not overriding on {text-align:right;} bài viết này, CSS nên có tính thống kê so với các thuộc tính bố cục kiểu cũ. Tôi đang làm việc trên một dự án mà tôi phải tiêm nội dung trong một tế bào mà có định dạng:

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

Tôi không muốn nội dung của tôi được làm trung tâm, cố gắng sử dụng text-align = "left" làm không ghi đè thẻ td, như được đề xuất trong bài viết. Những gì tôi có thể làm để ghi đè lên attibute TD align?

Answer 1

Nếu bạn được phép thay đổi nội dung của td, sau đó bạn có thể bọc các giá trị td với một thẻ với text-align: left;

Kết quả Tag sẽ là:

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

Đây là CSS mới:

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

Nếu bạn không thể thay đổi giá trị của ô, tác phẩm khác xung quanh là để thay đổi thuộc tính align sử dụng javascript, Trong 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 align="center">...</td> 

CSS:

td 
{ 
text-align: left; 
} 

Hoặc thêm một lớp với nó:

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

CSS:

td.mytd 
{ 
text-align: left; 
} 

Answer 3

td { text-align: left; } 

Tested trong IE8 & FF3.6.8

Demo: http://jsfiddle.net/s8qhJ/

Answer 4

Đối với bất kỳ ai đặc biệt muốn ghi đè tất cả các yếu tố chỉ định [ali gn], thao tác này sẽ thực hiện:

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