垂直居中在網頁上的直接解決方案是什麼？

我從純CSS到純HTML的解決方案已經見過很多討論和辯論。他們可以變得非常複雜，在div中嵌套div，使用一些相當強烈的CSS。我想我會問，因爲我需要一個直接的解決方案來解決這個問題，它不需要依賴CSS表（即{display：table;}，因爲我使用它來顯示/隱藏整個div和解決方案。？使用似乎從來沒有與我的其他代碼更好地工作，所以我應該怎麼做這個垂直居中在網頁上的直接解決方案是什麼？

來源

2010-12-01 Stephen Searles

[css vertical centering]的可能重複（http://stackoverflow.com/questions/527811/css-vertical-centering） – 2010-12-01 03:44:17

是的，那是我討論的討論和辯論之一。我花了一段時間試圖找到一些東西讓我的代碼工作，但沒有發生，所以我就是這樣。 – 2010-12-01 03:51:53

我想出了一個解決方案，我不知道它是最好的或最兼容，但在這裏它是：

<style type="text/css"> 
    table.center { 
    width: 100%; 
    height: 100%; 
    } 
    h1.center { 
    text-align: center; 
    } 
</style> 

<div id="hide-able"> 
    <table class="center"> 
    <tr><td><h1 class="center">I'm centered!</h1></td></tr> 
    </table> 
</div>

如果你有更好的解決辦法，請分享！

來源

2010-12-01 03:48:49

就我個人而言，我更像是一個「完成任務」類型的人，而不是「最純粹」的類型。如果一張桌子工作，然後去做。坦率地說，我寧願把這張奇怪的桌子放在這裏，而不是做體操試圖強迫一個「div/css」解決方案工作。 – NotMe 2010-12-01 03:57:00

你可以有你的外層div #wrapper{margin:0 auto;width:900px}

可以很好地完成它。確保爲IE包含doc-type。

來源

2010-12-01 07:03:29 andrewk

垂直居中在網頁上的直接解決方案是什麼？

回答

相關問題