gufudhn的博客

Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: fle

flex:1;让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容：设置第二个弹性盒元素的初始长度为 80 像素：<style> #main{ width: 220px; height: 300px; border: 1px solid black; display: flex; } #main div{ flex: 1; }</style>&lt

概览Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。因为 Less 和 CSS 非常像，因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展，这就是 Less 如此易学的原因之一。安装与使用在 Node.js 环境中使用 Less ：npm install -g less> lessc styles....