<style> .container{ position: relative; border: 1px solid #000011; top: 100px; height: 500px; width: 500px; } #cm{ position: absolute; border: 1px solid red; margin: auto auto; } .hc{ width: 200px; left: 0; right: 0; } .vc{ height: 40px; top: 0; bottom: 0; } </style> </head> <body> <div class="container"> <p id="cm" class="hc vc"></p> </div>
css 設計模式 absolute 居中對齊
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
position:absolute下，top:0,right:0,bottom:0,left:0 結合margin:auto的作用（讓明確寬高的盒子水平垂直居中於父元素）
絕對定位 + margin，讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie