div或元素垂直居中对齐，Css3在html5中实现，流式display:flex布局

5年前 14,612 0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>haorooms不固定高度div写法</title>

<style>

html,body{

height:100%

}

.parent {

display:flex;

align-items:center;/*垂直居中*/

justify-content: center;/*水平居中*/

width:100%;

height:100%;

}

h1{

border:1px solid #f00;

margin:0;

padding:0;

width:25%;

}

</style>

</head>

<body>

</div>

</body>

</html>

声明：本站内容来源于原创和互联网，尊重作者版权，转载请注明来源网址，欢迎收藏，谢谢！