HTML तालिका पंक्ति में पाठ को कैसे संरेखित करें?

Question

मैं एक HTML का उपयोग कर <table>रहा हूं और मैं <td>प्रत्येक सेल में केंद्र के पाठ को संरेखित करना चाहता हूं ।

मैं केंद्र को क्षैतिज और लंबवत रूप से कैसे संरेखित करूं?

Answer 1

यहाँ CSS और इनलाइन styleविशेषताओं के साथ एक उदाहरण दिया गया है:

td 
{
    height: 50px; 
    width: 50px;
}

#cssTable td 
{
    text-align: center; 
    vertical-align: middle;
}

<table border="1">
    <tr>
        <td style="text-align: center; vertical-align: middle;">Text</td>
        <td style="text-align: center; vertical-align: middle;">Text</td>
    </tr>
</table>

<table border="1" id="cssTable">
    <tr>
        <td>Text</td>
        <td>Text</td>
    </tr>
</table>

http://jsfiddle.net/j2h3xo9k/

संपादित करें : valignविशेषता HTML5 में पदावनत है और इसका उपयोग नहीं किया जाना चाहिए।

Comments

क्या तत्व पर vertical-align:middleलागू होने वाला नहीं है tr?

— posfan12

Answer 2

आपके tdतत्वों में पाठ को सीएसएस करने के लिए सीएसएस है

td {
  text-align: center;
  vertical-align: middle;
}

Answer 3

इसे अपनी CSS फ़ाइल में डालने का प्रयास करें।

td {
    text-align: center;
    vertical-align: middle;
}

Answer 4

लंबे हाथ इनलाइन उदाहरण:

<td style='text-align:center;vertical-align:middle'></td> 

आशुलिपि उदाहरण:

td{
 text-align:center;
 vertical-align:middle;
}

Answer 5

<td align="center" valign="center">textgoeshere</td>

एकमात्र सही उत्तर इम्हो है, जो टेबल के साथ काम करने के बाद से पुरानी कार्यक्षमता है जो ई-मेल स्वरूपण के लिए सबसे आम है। तो आपका सबसे अच्छा शर्त केवल शैली का उपयोग नहीं करना है बल्कि इनलाइन शैली और ज्ञात टेबल टैग हैं।

Comments

valignHTML5 में पदावनत किया गया है। इसका प्रयोग न करें। ईमेल फ़ॉर्मेटिंग के लिए, एक styleटैग या एक इनलाइन styleविशेषता सबसे अच्छा समाधान होगा।

— बीन

Answer 6

चयनकर्ता> बच्चा:

.text-center-row>th,
.text-center-row>td {
  text-align: center;
}

<table border="1" width='500px'>
  <tr class="text-center-row">
    <th>Text</th>
    <th>Text</th>
    <th>Text</th>
    <th>Text</th>
  </tr>
  <tr>
    <td>Text</td>
    <td>Text</td>
    <td>Text</td>
    <td>Text</td>
  </tr>
  <tr class="text-center-row">
    <td>Text</td>
    <td>Text</td>
    <td>Text</td>
    <td>Text</td>
  </tr>
</table>

Answer 7

<td align="center"valign="center">textgoeshere</td>

अधिक महत्व है

Comments

एचटीएमएल 5 में वैधता विशेषता समर्थित नहीं है। इसके बजाय CSS का उपयोग करें।

— T30