CSS flexbox是什么?有什么用处?

不言
Lepaskan: 2019-01-18 17:13:35
asal
5098 orang telah melayarinya

CSS flexbox是什么?有什么用处?本篇文章就来给大家介绍CSS flexbox的相关内容。

flexbox

CSS flexbox是什么?

Flexbox是CSS3中添加的新功能,全称为 Flexible Box Layout Module,利用flexbox布局可以更加容易的创建横向布局。

使用flexbox进行布局时,父元素称为flex容器,子元素称为flex项,下面我们来看CSS flexbox有什么功能。

CSS flexbox有什么用处?

flexbox可以自动调整高度:在浮动或者内联块中可以在高度上实现对齐,即使块中内容增加它也会自动调整,没有必要每次都利用jQuery来控制。

flexbox可以指定排列顺序,通常创建并排布局,则只能以与垂直排序相同的方式排列它们,利用Flexbox可以随意更改排列顺序,即使顺序突然改变也可以轻松应对。

flexbox易于指定边距,并排排列元素时的麻烦在于处理周围的边缘,利用flexbox的话,可以使用一行的描述指定这个边距应如何完成而不会受到干扰。

本篇文章到这里就全部结束了,更多精彩内容大家可以关注php中文网的相关栏目教程!!!

Atas ialah kandungan terperinci CSS flexbox是什么?有什么用处?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan