PDA

View Full Version : در وسط قرار دادن متن در سی اس اس



masud8002k
یک شنبه 15 مرداد 1391, 16:16 عصر
سلام
من یک divدارم که میخوام متنش وسط قرار بگیره و این کد رو نوشتم
height:37px;
width:550px;
background:white url('../images/postmetader_bg.png') repeat;
font-family:Tahoma;
font-size:12px;
color:black;
text-align:right;
vertical-align:middle;
font-weight:bold;

اما متن همیشه بالای div نوشته میشه عیت این که topبدم مثلا؟
من میخوام دقیقا وسط divبیاید

mostafa272
چهارشنبه 15 شهریور 1391, 12:59 عصر
خاصیت padding رو اضافه کن ببین درست میشه!

tamafi6
پنج شنبه 16 شهریور 1391, 14:35 عصر
text-align:right;

را


text-align:center;

بنویس

webdesign2
دوشنبه 18 دی 1391, 00:43 صبح
سلام!
دوست عزیز این تیکه کد را از درون کد بالا بردارید
font-family:Tahoma;
font-size:12px;
color:black; و فقط margin:0 auto; آن را فعال کنید

و در فایل html و درون تک <div> یک <div> دیگر باز کنید و متن را درون آن بنویسید و کد css آن
margin:0 auto;
background-color:#00FF33;
font-family:Tahoma;
font-size:12px;
color:#FF0000;
height:100px;
width:300px;
padding:150px 0px 0px 0px;
text-align:center;

که برای مثال :


#div{
height:300px;
width:600px;
margin:0 auto;
background:#0000CC;
}


#div1{
margin:0 auto;
background-color:#00FF33;
font-family:Tahoma;
font-size:12px;
color:#FF0000;
height:100px;
width:300px;
padding:150px 0px 0px 0px;
text-align:center;}

azadeh91
سه شنبه 06 آبان 1393, 15:30 عصر
خیلی ساده است ابتدا به اندازه height به line-height بدهید بعد یک text-align:center اضافه کنید به همین سادگی وسط وسط قرار میگیره . مثال :
.iconAction {
width:41px;
height:41px;
background-color:#fafaf9;


line-height:41px;
text-align:center;
}