टीडी align = "केंद्र" ओवरराइड कैसे करें?

Question

इस आलेख को Why align="center" not overriding on {text-align:right;} से एकत्रित किया गया है, इसलिए सीएसएस को पुरानी शैली के लेआउट विशेषताओं पर विवेक लेना चाहिए।

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

मैं अपनी सामग्री, केंद्रित किए जाने की text-align = "बाएं" का उपयोग करने की कोशिश कर नहीं करना चाहती है: मैं एक परियोजना जहाँ मैं एक सेल प्रारूप है कि में सामग्री इंजेक्षन करने के लिए है पर काम कर रहा हूँ लेख में सुझाए गए अनुसार, टीडी-टैग को ओवरराइड न करें। टीडी संरेखण attibute ओवरराइड करने के लिए मैं क्या कर सकता हूं?

Answer 1

आप टीडी की सामग्री को बदलने के लिए, तो आप पाठ के अनुरूप के साथ एक और टैग के साथ टीडी मूल्यों लपेट कर सकते हैं अनुमति दी जाती है: छोड़ा;

परिणामस्वरूप टैग होगा:

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

आप सेल मूल्य संशोधित नहीं कर सकते हैं, तो एक और काम के आसपास जावास्क्रिप्ट का उपयोग कर संरेखित विशेषता संशोधित करने के लिए, है में:

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

यहाँ नए सीएसएस है 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> 

सीएसएस:

td 
{ 
text-align: left; 
} 

या यह करने के लिए एक वर्ग जोड़ें:

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

सीएसएस:

td.mytd 
{ 
text-align: left; 
} 

Answer 3

td { text-align: left; } 

IE8 01 में परीक्षण किया गयाFF3.6.8

डेमो: http://jsfiddle.net/s8qhJ/

Answer 4

किसी भी विशेष रूप से निर्दिष्ट सभी तत्वों को ओवरराइड करने के लिए देख रहे हैं [ali gn], यह करेगा:

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