一、單行內容的居中
設定height與line-height相等，overflow：hidden即可。
.demo {
height: 20px;
line-height: 20px;
overflow: hidden;
注：若不使用overflow：hidden，在瀏覽器頁面縮放時會出現問題。
二、已知固定寬高
設定定位top: 50%;left: 50%;margin-top: -1/2(已知高度)；margin-left: -1/2(已知寬度)即可。
.demo {
position: fixed;
top: 50%;
left: 50%;
height: 200px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
z-index: 9999;//根據自身需要
CSS實現垂直居中
1 最簡單的單行文字line height垂直居中 2 垂直居中，使用line height和vertical align middle 3 使用table布局，display table和display table cell xx 4 絕對居中，使用margin auto和top bottom l...
CSS實現垂直居中
hack技術就可以啊！所以在這裡我還要囉嗦兩句，css中的確是有vertical align屬性，但是它只對 x html元素中擁有valign特性的元素才生效，例如 元素中的 等，而像 這樣的元素是沒有valign特性的，因此使用vertical align對它們不起作用。一 單行垂直居中 如果乙...
css實現垂直居中
一 單行內容的居中 設定height與line height相等，overflow hidden即可。demo height 20px line height 20px overflow hidden 注 若不使用overflow hidden，在瀏覽器頁面縮放時會出現問題。二 div垂直居中 注意...