您的位置：首页 > Web前端 > CSS

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

2015-07-10 16:53 771 查看 
  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 属性值 都可以兼容


内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航