css3新属性(一)
2015-08-17 10:10
459 查看
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:弹性盒模型对象的子元素超出父元素的空间时换行显示
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:弹性盒模型对象的子元素超出父元素的空间时换行显示
相关文章推荐
- div+css的前端工程师的价值体现在哪些方面?
- css width
- CSS实现跨浏览器兼容性的盒阴影效果
- 重温 w3cshool css3
- CSS3属性box-flex
- 处理显示列表字段长度过长 页面变型问题
- html+css乱炖
- CSS基础知识整理一
- Dialog对话框的四种显示样式
- css总结
- css3围绕圆形旋转思路
- CSS样式 初学
- 项目实战之玩转div+css制作自定义形状
- CSS Alignment:元素对齐问题
- 使用css保持一定宽高比例
- CSS布局--transform应用(矩形旋转、缩放、倾斜、滚动、3D转换)代码
- 通用 CSS 笔记、建议与指导
- Html样式表
- CSS Line Box:溢出与折行
- css滤镜实现页面灰色黑白色效果代码