关闭

css3--内容垂直居中,box-back属性

标签: css3box
499人阅读 评论(0) 收藏 举报
分类:
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>垂直居中对齐</title>
<style>
.test_box {
display: -moz-box;
display: -webkit-box;
display: box;
width: 300px;
height: 100px;
-moz-box-align:center;-webkit-box-align:center;box-align:center;垂直居中
background: #f0f3f9;
-moz-box-pack:justify; -webkit-box-pack:justify; box-pack:justify; 水平居中
}
</style>
</head>
<body>
<div class="test_box">
<p>123</p>
<p>123</p>
</div>
</body>
</html>
Justify:火狐不兼容,谷歌可以(使用这个属性值,内容标签至少两个)
start end center 属性值 都可以兼容
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:27112次
    • 积分:511
    • 等级:
    • 排名:千里之外
    • 原创:27篇
    • 转载:1篇
    • 译文:0篇
    • 评论:1条
    最新评论