تراز عمودی
تراز عمودی عناصر سلولی درون خطی، بلوک درون خطی، جدول درون خطی و سلول جدول را به راحتی تغییر دهید.
تراز عمودی در بوت استرپمثال
تراز عناصر را با ابزارهای تراز عمودی تغییر دهید. لطفاً توجه داشته باشید که تراز عمودی فقط بر عناصر درون خطی، بلوک درون خطی، جدول درون خطی و سلول های جدول تأثیر می گذارد.
از بین .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom,و .align-text-topدر صورت نیاز انتخاب کنید.
پیوندهای متعدد و اهداف ضربه ای با پیوندهای کشیده توصیه نمی شوند. با این حال، برخی از سبک ها position و z-index سبک ها می توانند در صورت نیاز به این امر کمک کنند.
خط پایه
بالا
وسط
پایین
متن بالا
متن پایین
<span class="align-baseline">baseline</span>
<span class="align-top">top</span>
<span class="align-middle">middle</span>
<span class="align-bottom">bottom</span>
<span class="align-text-top">text-top</span>
<span class="align-text-bottom">text-bottom</span>تراز عمودی با سلول های جدول
| خط پایه | بالا | وسط | پایین | متن بالا | متن پایین |
<div class="table-responsive">
<table class="table table-bordered" style="height: 100px;">
<tbody>
<tr>
<td class="align-baseline">baseline</td>
<td class="align-top">top</td>
<td class="align-middle">middle</td>
<td class="align-bottom">bottom</td>
<td class="align-text-top">text-top</td>
<td class="align-text-bottom">text-bottom</td>
</tr>
</tbody>
</table>
</div>
