溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下css中如何讓div水平居中，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
要讓div程度居中設置裝備擺設margin屬性即可。
1、居中樞紐CSS代碼：margin:0 auto
margin:0 auto為何能讓div 居中批注：
margin:0 auto拆分為margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;
樞紐margin-left:auto;margin-right:auto;對象左與對象右間距為自適應。
除了margin:0 auto簡寫，還大約直接設置裝備擺設margin-left:auto和margin-right:auto沒必要簡寫。
舉薦運用margin:0 auto結構居中：兼容各大平臺與瀏覽器。
2、div居中代碼示例
.wai{margin:0 auto;width:300px}<div class=”wai”>內容</div>
運轉HTML代碼居中成果：
設置裝備擺設margin實現div 左邊和右邊間距為自順應 實現div機關居中
3、設置margin div為什么不能居中
css機關居中需求時，配置了margin:0 auto，但div不是居中的這個是為甚么？
答：通常此div設置裝備擺設了float:left或float:right，假定同時配置float與margin，其DIV就不會居中了。要讓布局div居中（程度居中），那么就不克不及設置float，同時重要配置margin:0 auto。
以上是“css中如何讓div水平居中”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
