قرار دادن متن در وسط تگ دایو وقتی که ارتفاع تگ افزایش پیدا می کنه.

[idocsidocs]

وقتی ارتفاع یه تگ دایو زیاد می شه، متن داخل تگ از بالای تگ نمایش داده می شه.

چطور می تونم کاری کنم که متن داخل تگ از نظر ارتفاع همواره در وسط تگ قرار بگیره؟

[colors]

درود

متن رو داخل یه تگ مثلا P قرار بده بعد به p خصوصیات CSS زیررو بده.


p{
position:absolute;
top:50%;
margin-top:-15px;
height:30px;
}


اگه height رو تغییر دادی باید margin-top رو هم تغییر بدی ( باید مقدارش نصف ارتفاع و در حالت منفی باشه )

[idocsidocs]

متن رو داخل یه تگ مثلا P قرار بده بعد به p خصوصیات CSS زیررو بده.نمی شه این کار رو بدون position انجام داد؟

[colors]

نمی شه این کار رو بدون position انجام داد؟

فکر نکنم !

[idocsidocs]

سایر دوستان نظری ندارن؟

[ravand]

يعني منظور شما اينكه كه متن كاملاً داخل div باشه و از سمت راست و چپ و بالا و پايين يه فاصله اي داشته باشه؟

[idocsidocs]

يعني منظور شما اينكه كه متن كاملاً داخل div باشه و از سمت راست و چپ و بالا و پايين يه فاصله اي داشته باشه؟

برای چپ و راست می شه از text-align استفاده کرد.

من می خوام متن نسبت به بالا و پایین در وسط قرار بگیره. یعنی اگر ارتفاع تگ 21 پیکسل باشه متن توی ارتفاع 11 قرار بگیره.

البته نمی خوام برای این کار از margin و padding استفاده کنم.

[ravand]

براي اين كار بايد دو تا div بسازي يكيش داخل اون يكي قرار ميگيره:


<style>
.onvan{
height:295px;
width:775px;
border:2px #F41247 solid;
}
.matnonvan{

direction:rtl;
text-align:center;
color:green;
font-family:tahoma;
font-size:12pt;
padding-top:100px;
border:2px #F41247 solid;
}
</style>
<div align="center">
<div class="onvan"><div class="matnonvan" align="center">
<h2>متن</h2>
</div>
</div>
</div>

[tux-world]

از خاصيت vertical-align استفاده كن اگه middle باشه درست وسط مي افته

[idocsidocs]

از خاصيت vertical-align استفاده كن اگه middle باشه درست وسط مي افته

این کار رو کردم ولی vertical-align روی تگ دایو اثری نداره. فکر کنم vertical-align برای جدولها هست و روی سایر تگها بی تاثیره.

[tux-world]

<div style="display:table-cell; vertical-align:middle;"> LINUX </div>

[idocsidocs]

<div style="display:table-cell; vertical-align:middle;"> LINUX </div>
توی مایکروسافت با مشکل مواجه می شیم. چه ترفندی استفاده کنم که این کدها با مرورگرهای مایکروسافت هم سازگار بشن؟

[mamali-mohammad]

حل مشکل در IE :
http://tycoontalk.freelancer.com/css-forum/151671-vertical-align-table-cell-ie-not.html
یا
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

[h.torabi]

درود

متن رو داخل یه تگ مثلا P قرار بده بعد به p خصوصیات CSS زیررو بده.


p{
position:absolute;
top:50%;
margin-top:-15px;
height:30px;
}


اگه height رو تغییر دادی باید margin-top رو هم تغییر بدی ( باید مقدارش نصف ارتفاع و در حالت منفی باشه )
سلام یک سوال
چرا باید مقدار margin منفی باشه ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

لطفا پاسخ بدید .........

[h.torabi]

دوستان کسی نیست جواب ما رو بدهد......!!!!!!!!!!!!!!!!!!!!!:قلب: