weixin_47047317的博客

垂直居中 单行文本——水平垂直居中（常用） 水平：text-align:center 垂直：元素的高度hegight 等于元素行高 line-height text-align:center; height: 30px; line-height: 30px; 多行文本/块级元素——垂直居中 display:table实现（常用） display: table使块状元素成为一个块级表格; display: table-cell;子元素设置成表格单元格; text-align:center;v

元素的显示与隐藏方法和区别 方法： display：block / none； visible：visible / hidden； overflow：visible / hidden； 区别：指的是隐藏的区别 display：none；元素不再占有位置 visible：hidden；还为元素保留位置 overflow：hidden；会将溢出的元素也一同隐藏 ...

什么是圣杯布局 圣杯布局：两侧栏的宽度固定，中间栏的宽度自适应。 圣杯布局的特点 中间部分在DOM结构上优先，以便先行渲染 允许三列中的任意一列成为最高列（三列高度不一样并且可以以任一列的高度为最高） 圣杯布局如何实现 标准流 浮动 Flex布局 标准流-实现圣杯布局 要点： 定宽栏设置绝对定位，定位在大框架的左右两侧； 可变宽栏不设置绝对定位和宽度，因此为标准流。 <div class="container"> <div class="left">l