تا %60 تخفیف خرید برای 4 نفر با صدور مدرک فقط تا
00 00 00
در توسینسو تدریس کنید

آموزش وسط چین کردن متن بصورت عمودی در CSS

بعضی وقت ها پیش می آید که می خواهیم متنی را به صورتی عمودی (vertical) در یک المان وسط چین کنیم. وسط چین کردن به صورت افقی به راحتی و با کمک خصوصیت text-align به صورت زیر انجام می شود:


.alined{
    width: 200px;
    height: 200px;
    text-align: center;
}


برای وسط چین کردن متن به صورت vertical کافیست مقدار line-height را برابر با ارتفاع مشخص شده المان قرار دهیم:


.alined{
    width: 200px;
    height: 200px;
    text-align: center;
    line-height: 200px;
}


نویسنده: حسین احمدی

منبع: ITPRO

#خصوصیت_line-height_در_css #نکات_css #وسط_چین_کردن_متن_بوسیله_line-height #وسط_چین_کردن_متن_در_css #وسط_چین_کردن_متن_به_صورت_عمودی_در_css #نکات_طراحی_وب

نظر شما
برای ارسال نظر باید وارد شوید.
2 نظر
افرادی که این مطلب را خواندند مطالب زیر را هم خوانده اند