絕對定位居中

1.樣式
.wrap{
float:left;
position:relative;
left:50%;

}

.wrap-center{
background:#ccc;
position:relative;
left:-50%;

}
2.html結構
<div class="wrap">
<div class="wrap-center">我們來學習一下這種方法。</div>
</div>

1).子元素、父元素均為絕對定位
2).父元素左浮動，left：50%；
3).子元素left:-50%.

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1贊 92
  • 各種純css圖標 CSS3可以實現很多漂亮的圖形，我收集了32種圖形，在下面列出。直接用CSS3畫出這些圖形，要比...
    劍殘閱讀 9,676評論 0贊 8
  • 來深圳已經兩個月了，需要自我審查一下了，關于生活、工作、學習、感情和迷茫。想法比較多但太凌亂，這段時間我都做了什么...
    淼淼故事屋閱讀 223評論 0贊 0
  • 百花競相開，萬物皆輪流。 誰能入我心，唯恐心上人。
    我愛吃任何魚閱讀 187評論 0贊 2
  • 歡樂頌第一集。 樊勝美，30多歲了。看上去確實是挺光彩照人的！所以說，無論你是住在豪華別墅，還是出租小屋，你...
    可桐閱讀 1,055評論 2贊 15