CSS

使文字不换行 white-space:nowrap; 值 描述 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 nowrap

Flex布局是针对页面的水平垂直轴进行布局，只能指定子元素针对轴的位置，是一维布局。Grid布局是将页面分成行和列，然后指定子元素所在的单元格，是二维布局。 注意： grid布局只对子元素生效。 定义

注意： 设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 基本概念 当一个父元素设置为flex布局之后，这个父元素默认有两根轴，水平方向的为主轴（ma

利用定位+margin:auto 如果没有给子元素设置宽高，那么子元素的宽高将会和父元素一致。 使用该种方式其实是子元素的margin占满了父盒子剩余的部分。 利用定位+margin:负值 利用定位+

三栏布局一般指的是页面中一共有三栏，左右两栏宽度固定，中间自适应的布局， 三栏布局的具体实现： 利用绝对定位，左右两栏设置为绝对定位，中间设置对应方向大小的margin的值。 利用flex布局，左右两

一般两栏布局指的是左边一栏宽度固定，右边一栏宽度自适应， 两栏布局的具体实现： 利用浮动，将左边元素宽度设置为200px，并且设置向左浮动。将右边元素的margin-left设置为200px，宽度设置