中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

最終的版本

現(xiàn)在回到這個問題，我曾經(jīng)用了一些 很復(fù)雜的方法 去解決，但是現(xiàn)在又一個更簡單、穩(wěn)健的方法，那就是用浮動去代替絕對定位。

我們設(shè)定頁面上的第一個元素的高度為頁面的 50%，然后將這個元素向上拉，所拉的距離等于我們要設(shè)定居中的元素的高度的一半。

這里是我們做出的修正：

CSS 代碼：

#vertical{
    float:left;
    height:50%;
    margin-top:-198px;/* half vertical height*/
    width:100%;
}

HTML 代碼：

<div id="vertical"></div>
<div id="hoz">
    <h1>Content goes here</h1>
</div>

你可以在 這里 看到所展示的效果。

這里很重要的一部分就是我們使用了一個寬度為100%的 float 元素，當(dāng)然我們要記得為它的下一個元素添加 clear:both; ,否則，一些瀏覽器將不能理解你的意思。如果這里我們不使用 float，那么文字依然會消失在我們的視線之外。

出處：藍(lán)色理想
責(zé)任編輯：bluehearts

上一頁 簡單的通過CSS控制垂直居中 [2] 下一頁 簡單的通過CSS控制垂直居中 [4]

◎進入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。