在一個(gè)div里如何控制內(nèi)容垂直居中?
在一個(gè)div里如何控制內(nèi)容垂直居中?
額了吧
2016-01-09
5 回答
舉報(bào)
0/150
提交
取消
2016-02-11
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"> <title>填充</title> <style?type="text/css"> #box1{ ????display:table-cell; ????text-align:center; ????vertical-align:middle; ????width:100px; ????height:100px; ????border:1px?solid?red; } </style> </head> <body> <div?id="box1">盒子1</div> </body> </html>2016-01-13
代碼： html <div?id="parent"> <div?id="child">Content?here</div> </div> css #parent?{display:?table;} #child?{ display:?table-cell; vertical-align:?middle; }2016-01-11
?? border: 1px solid #ccc;
????display: table-cell;
????height: 100px;
????vertical-align: middle;
????width: 100px;
?? text-align:center;
2016-01-10
樓上這是控制水平居中，垂直居中可以設(shè)置子元素高度例如height:80px;然后再設(shè)置父元素line-height:80px;
2016-01-09
text-align:center;