0514-86177077
9:00-17:00（工作日）
margin
left/top
translate
height： 50%；
padding
代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> body{ padding: 0; margin: 0; } #box{ width: 50%; /* div處置居中 */ position: relative; transform: translate(50%, 25%); /* */ /* 此處解決div高度為body寬度的一半，并且文字垂直居中 */ padding-top: 25%; padding-bottom: 25%; line-height: 0; text-align: center; /* */ background-color: #111; color: #fff; } </style> </head> <body> <div id="box"> box123 </div> </body> </html>
效果
到此這篇關于CSS實現div不設高度完全居中的文章就介紹到這了,更多相關CSS div不設高度完全居中內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章，希望大家以后多多支持腳本之家！
標簽：無錫 焦作 欽州 綏化 湘西 湖北 試駕邀約 銅陵
上一篇：有趣的css實現隱藏元素的7種思路
下一篇：css之粘性sticky布局實現題頭定位在頂部的方法
Copyright ? 1999-2012 誠信 合法 規范的巨人網絡通訊始建于2005年
蘇ICP備15040257號-8
