در توسینسو تدریس کنید

و

با دانش خود درآمد کسب کنید

آموزش وسط چین کردن متن بصورت عمودی در 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 نظر
مسلم هادی

بنظر من توی همچین نکاتی، اگه نمونه کد قابل اجرا هم بدید عالی میشه. مثلا از jsfiddle:

مثل این

arianfar

سلام. خسته نباشید. خیلی ممنون از بابت آموزش بسیار مختصر اما خیلی خیلی مفیدتون. موفق و سلامت باشید.

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

تو می تونی بهترین نتیجه رو تضمینی با بهترین های ایران بدست بیاری ، پس مقایسه کن و بعد خرید کن : فقط توی جشنواره پاییزه می تونی امروز ارزونتر از فردا خرید کنی ....