和文化有关的吉网站建设模板,电信宽带做网站,开创集团万网站建设,基础建设龙头股目录
flex布局#xff1a;
flex布局父项常见属性#xff1a;
flex布局子项常见属性#xff1a;
REM适配布局#xff1a;
响应式布局#xff1a; flex布局#xff1a;
需要先给父类盒子设置display#xff1a;flex flex是flexiblebox的缩写#xff0c;意为弹…
目录
flex布局
flex布局父项常见属性
flex布局子项常见属性
REM适配布局
响应式布局 flex布局
需要先给父类盒子设置displayflex flex是flexiblebox的缩写意为弹性布局,用来为盒状模型提供最大的灵活性任何一个容器都可以 指定为flex布局。 当我们为父盒子设为flex布局(display属性)以后子元素的float,clear和vertical-align属性将失效。 伸缩布局 弹性布局 伸缩盒布局 弹性盒布局 flex布局的元素在默认下是不会换行的会缩小子元素的大小宽度放在那一行中。如果需要自动换行在后面属性中进行设置。 flex布局父项常见属性 主轴 是否换行。合并的。 元素是按照主轴方向来进行排列的。 侧轴拉伸时子盒子不设置高度/宽度主要是看主轴和侧轴是谁。 只能使用于单行元素若盒子有多行元素则不行。 若要对多行则需下则 --- flex布局子项常见属性 flex 三个子盒子第二个单独占剩余的一份。 第13个盒子大小固定
这个份数按有几个flex在所给有flex的几分之几来进行划分剩余部分没有规定大小的盒子的总范围 改变盒子的排列顺序 REM适配布局 此处为语雀内容卡片点击链接查看https://www.yuque.com/aitifenqiudechong/wgvuq2/yq7dbfsn6cg9n9y0 响应式布局 即需要先给一个大盒子在大盒子中写元素直接调整大盒子实现小盒子的变化但注意在使用的时候是需要用百分号设置宽度。
js的引入格式
