1. 首頁
  2. 問答
  3. 中心div裏面的包裝溢出隱藏

中心div裏面的包裝溢出隱藏

2012-01-27 84 views
2

我希望在另一個div（body）中居中一個固定寬度的包裝div（包裝），如下所示。 enter image description here中心div裏面的包裝溢出隱藏

該行代表頁面/瀏覽器窗口的中心，如您所見，它的正文和包裝中心都位於頁面中間。

有沒有一種方法可以使用純CSS和HTML來完成此操作？

在此先感謝。

來源

2012-01-27 jacktheripper

回答

1

有人不屑於寫一個簡短的描述如何這個常見的問題：http://www.wpdfd.com/editorial/thebox/deadcentre4.html

你有兩個項目定位在那裏，所以你需要應用該技術的兩倍，但你不能真正地將body元素居中，所以你需要添加另一個容器而不是body。

玩得開心！

來源

2012-01-27 20:29:32

1

你可以隨時嘗試。

margin: auto;

這隻適用於文檔類型。所以把這個放在你的html標籤上面。

<!DOCTYPE html>

來源

2012-01-27 20:30:06 theliberalsurfer

0

我會建議只使用上面給出的標準包裝功能。

<!DOCTYPE html> 
<html> 
<head> 

<style type="text/css"> 
#bodywrapper { width: 600px; margin: 0 auto; } 
#wrapper { width: 400px; margin: 0 auto; } 
</style> 

</head> 
<body> 

<div id="bodywrapper"> 
     .....whatever code you in the body here. 
    <div id="wrapper> 
      ....whatever you want inside the wrapper that is inside the body here. 
    </div> 
</div> 

</body> 
</html>

基本上，你只是在包裝中嵌套包裝。沒有理由不能這樣做。

來源

2012-01-27 21:49:36

相關問題

 相關問題