تراز عمودی

تراز عمودی عناصر سلولی درون خطی، بلوک درون خطی، جدول درون خطی و سلول جدول را به راحتی تغییر دهید.

تراز عمودی در بوت استرپ
مثال

تراز عناصر را با ابزارهای تراز عمودی تغییر دهید. لطفاً توجه داشته باشید که تراز عمودی فقط بر عناصر درون خطی، بلوک درون خطی، جدول درون خطی و سلول های جدول تأثیر می گذارد.
از بین .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>

ممنون که با فالکون خلق کردید

نسخه 3.4.0

تنظیمات

سبک سفارشی خود را تنظیم کنید

طرح رنگ بندی

حالت رنگ مناسب را برای برنامه خود انتخاب کنید.


RTL حالت

جهت زبان خود را تغییر دهید

RTL راهنما

چیدمان سیال

سیستم چیدمان کانتینر را تغییر دهید

راهنما سیال

موقعیت ناوبری

یک سیستم ناوبری مناسب برای برنامه وب خود انتخاب کنید


سبک نوار ناوبری عمودی

برای نوار ناوبری عمودی خود بین سبک ها جابه جا شوید

دیدن راهنما

چیزی که میبینی را دوست داری؟

برای خرید قالب فالکون از راستچین اقدام کنید.

خرید
شخصی سازی