<style>
.box{
display: flex;
}
.box div{
flex: 1;
text-align: center;
}
</style>
<div class="box">
<div >
<img src="audit.png" alt="">
<p>111111</p>
</div>
<div>
<img src="audit.png" alt="">
<p>22222</p>
</div>
<div>
<img src="audit.png" alt="">
<p>33333</p>
</div>
<div>
<img src="audit.png" alt="">
<p>4444</p>
</div>
</div>
Flex布局 flex布局可以实现空间自动分配自动对齐，适用于简单的线性布局。 flex基本概念 flex con...
教程：Flexbox 布局的最简单表单Flex 布局教程：语法篇Flex 布局教程：实例篇 父元素为 flex 布...
Flex 布局可以实现空间自动分配、自动对齐Flex 适用于简单的线性布局，复杂布局使用 Grid 布局注意：设为...
Flex布局 瞎扯 Flex布局比 div + css 更简单粗暴, 更容易实现我们想要的布局.常规的 ,左侧固定...
1. flex实现骰子5点布局（答案不唯一） 简单的思路：1.flex布局横向排列，flex-flow:wrap ...
flex弹性布局与传统布局的区别 传统布局优点：兼容性好缺点：繁琐 flex弹性布局优点： 简单缺点：兼容性不好 ...
认识flex布局 flex布局（Flexible 布局，弹性布局）开启了flex布局的元素叫flex contai...
flex布局是为了让布局变得简单的一个东西。 flex布局的默认是首行左对齐。 justify-content 可...
一、如何实现子元素左右等高布局 grid布局 最简单 flex布局flex中的伸缩项目默认都拉伸为父元素的高度，也...
现代浏览器都支持flex布局，而且flex布局用起来非常简单，好用。所以今天我们就详细的记录下平时常用的flex语...
本文标题：简单的flex 布局
本文链接：https://www.haomeiwen.com/subject/tngbwqtx.html
网友评论