抽象简单的web

Posted 用键盘当武器的秋刀鱼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了抽象简单的web相关的知识,希望对你有一定的参考价值。

 这个弹性盒子的主轴的开始是由左→右的方向,垂轴总是在主轴的上方到下方

知道了主轴垂轴的方向就可以通过三个属性进行布局了

弹性盒子全称叫弹性盒子布局

第一个属性:justify-content:flex-start(默认值)

第二个属性:justify-content:flex-end

第三个属性:justify-content:center

第四个属性:justify-content:space-between

第五个属性:  justify-content:space-around

对他们进行一个分类

第一类:集中分布类

特点:他们会集体的靠近始边,终边以及中间点

flex-start 集体靠主轴的始边

flex-end 集体靠主轴的终边

center 集体靠主轴的终边

第二类:平均分布类

特点:个个元素平均分布主轴上

space-around :开头结尾元素远离始边终边,其他元素平均分布

space-between   :开头结尾元素靠近始边终边,其他元素平均分布

 第一类:第一行为中间点,第二行为靠始边,第三行为终边

 

 第二类:第一行为开头结尾元素靠近始边终边,第二行为远离始边终边

以上是关于抽象简单的web的主要内容,如果未能解决你的问题,请参考以下文章

一个简单得活动报名页(验证码)

抽象在编程中意味着啥?

servlet原理

HT1121 网页爬虫工具 Photon 的简单使用

一站式服务!图片+代码-构建移动版旅游网站页面

一站式服务!图片+代码-构建移动版旅游网站页面