首页 / CSS / css3布局样式相关

css3布局样式相关

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了css3布局样式相关，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含522字，纯文字阅读大概需要1分钟。

内容图文

伸缩布局（一）;

1.创建一个flexbox容器。

            .flexconfainer{
    display:-webkit-flex;display:flex;
}

2.flex项目显示；

flex项目是flex容器的子元素，他们沿着主要轴和横轴定位，默认的是沿着水平轴排列一行，可以通过flex-direction来改变主轴

方向修改为column,其默认值是row。

3.项目列显示;

            .flexcontainer{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:colmn;
    flex-direction:column;
}

4.还有两个属性值:如果是垂直方向的有align-items,如果是水平方向的justify-content;属性值有以下两个：flex-start和flex-end;设置为center就是水平居中;

5.您可以定义一个flex项目，如何相对于flex容器实现自动的伸缩。需要给每个flex项目设置flex属性设置需要伸缩的值。

原文：http://www.cnblogs.com/zht0915/p/4700635.html

内容总结

以上是互联网集市为您收集整理的css3布局样式相关全部内容，希望文章能够帮你解决css3布局样式相关所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1242835.html

来源：【匿名】