专业术语： 1.主轴和侧轴： 主轴、主轴方向： 伸缩容器的主轴，伸缩项目主要沿着这一条轴进行布局，取决于justify-content， 默认是水平的（即x轴方向） 如果justify-conte ...

今天写了一个携程界面的UI，利用H5的弹性盒子来实现，学过H5弹性盒子的，来看是比较方便的，因为CSS代码都差不多。 可以看看这篇博客 快速使用CSS 弹性盒子 效果图如下： 　　 主要是携程 ...

1、什么是 flex 布局 Flex 是 Flexible Box 的缩写，意为"灵活的盒子"或"弹性的盒子"，所以 flex 布局一般也叫作"弹性布局"。 2、基本概念 2.1、什么是 fle ...

Flex是Flexible Box的缩写，意为"弹性布局"。任何一个容器都可以指定为Flex布局，块级元素为display:block，行内元素为display:inline-flex。 注意，设为 ...

#弹性盒子模型 ##布局方案 传统的布局方案大多采用div+css+float+position+display来实现，但是随着css3中弹性盒子模型的推出，在前端布局方案中就又多出了一项彪悍的选项 ...

flex-direction 属性 flex-direction 用来来确定主轴的方向，从而确定基本的项目排列方向。 flex-direction 属性的取值及其含义： row（默认值）： 主轴 ...

Flex布局是什么 如何指定一个容器为Flex布局 Flex的基本语法 display flex-direction justify-conte ...

div { word-break: break-all } .box { margin: 10px 0; width: 200px; height: 200px; border: 5px solid ...

《html5拖拽》　　1、给元素设置 draggable="true" 属性，这个元素就可以被拖拽了 《拖拽元素事件》 2、ondragstart 拖拽前触发得得事件 例：div1.ondra ...