css隐藏页面某个元素
display: none通过 CSS 操控 display，移出⽂档流opacity: 0透明度为 0，仍在⽂档流中，当作⽤于其上的事件(如点击)仍有效visibility: hidden透明度为 0，仍在⽂档流中，但作⽤于其上的事件(如点击)⽆效，这也是 visibility:hidden 与 opacity: 0 的区别content-visibility移出⽂档流，但是再次显示时消耗性能低绝对定位于当前⻚⾯的不可⻅位置
清除浮动的方法
- 给⽗元素设置固定⾼度
- 在⽗元素的最后增加⼀个空的块级⼦元素，并设置让他clear:both
- 给⽗元素添加⼀个伪元素
vertical-align的作用和应用场景
vertical-align是CSS的一个属性，用于控制行内元素在垂直方向上的对齐方式。它可以应用于包括文本、图片和其他行内元素在内的多种元素
- 对齐文本行：可以通过将
vertical-align设置为baseline来使多个文本行垂直对齐 - 垂直居中元素：当将
vertical-align设置为middle时，可以使元素相对于父元素在垂直方向上居中对齐 - 应用于表格单元格：在表格中，可以使用
vertical-align属性来控制单元格中的内容在垂直方向上的对齐方式，如顶部对齐top、底部对齐bottom等 - 图片与文本对齐：当将
vertical-align应用于图片和文本时，可以实现它们在垂直方向上的对齐。例如，将图像与周围的文字对齐到基线或底部 - 控制行内元素与其他元素的对齐：通过设置
vertical-align属性，可以控制行内元素与其他块级元素之间的对齐方式，如将行内元素与相邻的块级元素顶部对齐top或底部对齐bottom等
元素或文本水平居中实现方案
text-align: center指定该属性的元素可以让其内部：⾏内元素，⾏内块级元素和⽂本⽔平居中margin: 0 auto该属性可以让具有宽度的块级元素⽔平居中display:flex justify-content: center利用弹性盒模型的居中
