用CSS3中的flexbox 布局模式使div内容垂直居中:
2016-03-28 18:28
615 查看
CSS3时代当然要用CSS3的完美解决办法。不能忍受以前的height和line-height同高等等的解决方法,想想都觉得不优雅。
用CSS3中的flexbox 布局模式:
用CSS3中的flexbox 布局模式:
.vertical-container{ display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } 作者:陈裕皓 链接:http://www.zhihu.com/question/24475073/answer/53921272 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
相关文章推荐
- CSS文本方向
- css中各种居中的奇技淫巧总结
- 推荐大家使用的CSS书写规范、顺序
- css学习--css基础
- CSS3的文字发光特效
- CSS3制作炫酷的自定义发光文字
- css中颜色的设置
- css样式
- Response输出excel设置文本样式
- HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑)
- CSS居中解决方案
- CSS:static/relative/absolute
- css中字体的设置
- css动画
- overflow失效的一种情况
- 同一个div中图标与块元素没对齐
- css中的溢出文本和文本对齐
- CSS 同时具备两个class的样式
- 实用CSS3属性之 :target伪类实现Tab切换效果
- CSS样式给按钮加阴影