هم ترازی عمودی CSS

استفاده از ویژگی هم ترازی عمودی CSS به شما امکان می دهد ترازبندی عمودی CSS را برای موارد داخل عنصر تنظیم کنید:

img.first {
    vertical-align: baseline;
}

img.second {
    vertical-align: text-top;
}

img.third {
    vertical-align: text-bottom;
}

img.fourth {
    vertical-align: sub;
}

img.fifth {
    vertical-align: super;
}

این ویژگی با عناصر درون خطی و سلول های جدول کار می کند.

توجه: از آنجا که ترازبندی عمودی بر عناصر بلوک تأثیر نمی گذارد ، نمی توانید از آن برای ترازبندی عمودی متن در عناصر div استفاده کنید. برای انجام این کار ، از flexbox استفاده کنید.

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

برای اعمال ترازبندی عمودی CSS ، مثال نحوی زیر را دنبال کنید:

vertical-align: مقدار؛

تمام مقادیر موجود تراز عمودی CSS موجود در جدول زیر توضیح داده خواهد شد.

پشتیبانی از مرورگر

این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera وEdge پشتیبانی می شود.

در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.