এইচটিএমএল সারণি সারিটিতে পাঠ্যটি কীভাবে প্রান্তিককরণ করবেন?

Question

আমি একটি এইচটিএমএল ব্যবহার করছি <table>এবং আমি <td>প্রতিটি ঘরের কেন্দ্রে পাঠ্যটি প্রান্তিককরণ করতে চাই ।

আমি কীভাবে পাঠকে অনুভূমিকভাবে এবং উলম্বভাবে সারিবদ্ধ করব?

Answer 1

সিএসএস এবং ইনলাইন 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

এটি আপনার সিএসএস ফাইলে রাখার চেষ্টা করুন।

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

valignএইচটিএমএল 5 এ অবচয় করা হয়েছে। এটা ব্যবহার করোনা. ইমেল ফর্ম্যাটিংয়ের জন্য, কোনও 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 এ ভ্যালেন অ্যাট্রিবিউট সমর্থিত নয়। পরিবর্তে সিএসএস ব্যবহার করুন।

— T30