[英]Why not working margin:0 auto?CSS
我試圖在聯系頁面中對齊這些元素的中心。
http://avocat.dac-proiect.ro/wp/?page_id=19
.contactform11 .wdform_section.{
/* margin-left:280px; */
/* margin-top:55px; */
margin:0 auto;
display:block;
width:auto;
}
不要操作此操作,也不知道為什么。 我在論壇上搜索,每個人都說您需要設置寬度和顯示塊的信息。
您能幫我解決這個問題嗎?
提前致謝!
寬度必須恆定才能使邊距為自動。
在您的聯系頁面中,將CSS編輯為
.wdform_page { text-align: center; } .wdform_section { text-align: left; margin: auto 0; }
塊元素的默認寬度為100%,因此自動邊距沒有意義。
您可以將其設置為內聯塊元素(將文本對齊方式設置為以父元素為中心),也可以僅定義特定的寬度。
body {text-align: center;} div { background: #ccf; margin: 4px auto; padding: 4px; border: 2px solid #99f; } #d2 {display: inline-block;} #d3 {width: 200px;}
<div id="d1">Original</div> <div id="d2">Inline-block</div> <div id="d3">Specific Width</div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.