<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>定寬塊狀元素水平居中</title>
<style>
.p1{background-color:#09C;height:500px;vertical-align:middle;}
.p2{
display:inline-block;
background-color:#666;
}
</style>
</head>
<body>
<div?class="p1">
??<div?class="p2"><span>垂直居中垂直居中垂直居中垂直居中垂直居中?</span></div>
</div>
</body>
</html>
2 回答
已采納

橋本奈奈未
TA貢獻(xiàn)436條經(jīng)驗(yàn) 獲得超108個(gè)贊
設(shè)置元素的line-height為你的height值,height可省略;如果你span元素沒(méi)什么特殊作用可去除

Yexiaomo
TA貢獻(xiàn)152條經(jīng)驗(yàn) 獲得超157個(gè)贊
文字垂直居中, 把放置文字容器的 height 和 line-height 設(shè)成一樣就行了
height:25px;??? line-height:25px;
像你上面的,這樣就行了
.p2{ ????display:inline-block; ????background-color:#666; ????height:?500px; ????line-height:?500px; }
添加回答
舉報(bào)
0/150
提交
取消