這篇文章主要介紹“CSS中如何讓div在div中居中”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“CSS中如何讓div在div中居中”文章能幫助大家解決問題。
div布局居中即最外層div居中，css采納margin:0 auto不設置float就可。
這里讓div在div中居中，切實方式和原理相斥，重要居中的div設置margin:0 atuo即可（只管也不要配置float）便可實現div在div里居中。
1、實例代碼
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div中的div居中實例 css5.com.cn</title>
<style>
#main{ width:400px; float:left; padding:10px 0; border:1px solid #090}
.ctbox{ margin:0 auto; width:300px; border:1px solid #00F}
</style>
</head>
<body>
<div id="main">
<div class="ctbox">我是在綠色div內的藍色div，居中了</div>
</div>
</body>
</html>
實例說明：
1）、以上代碼概略直接拷貝使用理論；
2）、以上一個靠右div（id=main）內布置一個div完成居中(class=ctbox)。為了看到div內的div居中，所以均配置寬度和邊框花樣。
關于“CSS中如何讓div在div中居中”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
