auto در margin چیکار می کند؟

[desatir7316]

سلام دوستان و اساتید محترم
کسی می دونه auto توی margin دقیقا چیکار میکنه؟
یه چیز دیگه :
دوتا کد زیر با هم فرق دارن؟

margin :30px auto
margin :0px auto


ممنون میشم جواب بدین

[lady64]

auto در margin فاصله دایو رو از اطراف نسبت به یک دایو دیگه بصورت مساوی تنظیم میکنه . یعنی باعث میشه دایو در وسط قرار بگیره .
کد اول میگه دایو از بالا 30 پیکسل فاصله داشته باشه و دایو دوم باعث میشه از بالا فاصله نداشته باشه .
این مثال رو ببینید :


<div style="background-color:#6666CC; margin:30px auto; width:300px; height:300px">
<div style="background-color:#CCFF33; margin:30px auto; width:200px; height:200px">
<div style="background-color:#FF0000; margin:0px auto; width:100px; height:100px;">

</div>
</div>
</div>

[desatir7316]

دستت درد نکنه
راستی توی position مقدار های absolute و position چی هستن
از نظر تئوری می خونشمشون ولی خوب برام جا نمی افته
می شه یه مثال هم برای این بزنید که بدونم اینا توی شرایط مختلف چی کار می کنن؟
ممنون

[desatir7316]

کد اول میگه دایو از بالا 30 پیکسل فاصله داشته باشه و دایو دوم باعث میشه از بالا فاصله نداشته باشه .
راستی مکه نمی گید با auto فاصله ها به صورت مساوی تقسیم میشن؟
یعنی دیگه خودش میاد left , right , ... رو مقدار مثلا 30 میده؟
اگه این کار رو نمی کنه چه جوری میشه این کار رو کرد یعنی با یه مقدار left, right ,... رو مقدار بدی؟
ممنون

[desatir7316]

راستی توی position مقدار های absolute و position چی هستن
position رو با توجه به این مثال ها فهمیدم:http://www.w3schools.com/css/css_positioning.asp

[desatir7316]

راستی مکه نمی گید با auto فاصله ها به صورت مساوی تقسیم میشن؟
یعنی دیگه خودش میاد left , right , ... رو مقدار مثلا 30 میده؟
اگه این کار رو نمی کنه چه جوری میشه این کار رو کرد یعنی با یه مقدار left, right ,... رو مقدار بدی؟

اینم اینجا توضیحش داده
http://www.w3schools.com/css/css_margin.asp

در هر صورت lady عزیز ممنون

[lady64]

راستی مکه نمی گید با auto فاصله ها به صورت مساوی تقسیم میشن؟
یعنی دیگه خودش میاد left , right , ... رو مقدار مثلا 30 میده؟
اگه این کار رو نمی کنه چه جوری میشه این کار رو کرد یعنی با یه مقدار left, right ,... رو مقدار بدی؟
ممنون

درسته .وقتی margin رو auto میدیم ، یعنی از تمام جهاتی که مقدار ندادیم وسط قرار میگیره .margin به معنای حاشیه هست . در حقیقت فاصله ی یک دایو از حاشیه ی دایو دیگه تنظیم میشه . ولی اینکه فاصله ی مثلا right , left , botom رو همزمان با یک عدد خودمون مشخص کنیم فکر نمیکنم .تا جایی که میدونم اگر قراره margin هر قسمت اندازه داشته باشه , باید جدا براش تعیین بشه .

[desatir7316]

ولی اینکه فاصله ی مثلا right , left , botom رو همزمان با یک عدد خودمون مشخص کنیم فکر نمیکنم

اگه منظورت اینه که از short hand استفاده کنیم اینجوری میشه:

The margin property can have from one to four values.

margin:25px 50px 75px 100px;
top margin is 25px
right margin is 50px
bottom margin is 75px
left margin is 100px

margin:25px 50px 75px;
top margin is 25px
right and left margins are 50px
bottom margin is 75px

margin:25px 50px;
top and bottom margins are 25px
right and left margins are 50px

margin:25px;
all four margins are 25px


از اینجا گیرش اوردم:
http://www.w3schools.com/css/css_margin.asp