码迷,mamicode.com
首页 > Web开发 > 详细

css3新属性(一)

时间:2015-08-17 11:35:00      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:

box-align:start | end | center | baseline | stretch

start:设置弹性盒模型对象的子元素从开始位置对齐 

 

center:设置弹性盒模型对象的子元素居中对齐 

 

end:设置弹性盒模型对象的子元素从结束位置对齐

 

baseline:设置弹性盒模型对象的子元素基线对齐

 

stretch:设置弹性盒模型对象的子元素自适应父元素尺寸

 

box-pack:start | center | end | justify

start:设置弹性盒模型对象的子元素从开始位置对齐(等同于左对齐)

 

center:设置弹性盒模型对象的子元素居中对齐

 

end:设置弹性盒模型对象的子元素从结束位置对齐(等同于右对齐)

 

justify:设置或弹性盒模型对象的子元素两端对齐

box-align:center垂直居中

box-orient:horizontal | vertical

horizontal:设置弹性盒模型对象的子元素为水平排列

 

vertical:设置弹性盒模型对象的子元素为纵向排列

 

box-direction:normal | reverse

normal:设置弹性盒模型对象的子元素按正常顺序排列

 

reverse:反转弹性盒模型对象的子元素的排列顺序

 

box-flex:<number>  使用浮点数指定对象所分配其父元素剩余空间的比例

 

box-lines:single | multiple

single:弹性盒模型对象的子元素只在一行内显示

 

multiple:弹性盒模型对象的子元素超出父元素的空间时换行显示 

css3新属性(一)

标签:

原文地址:http://www.cnblogs.com/goodlife/p/4735814.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!