![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS笔记
记录一些好看、神奇、奇特的样式
逆行其道
虚拟与现实的界限。
展开
-
CSS垂直居中
学习自b站技术蛋老师 1、使用padding 只需设置上下边距,,,但是不能设置高度。 2、使用line-height 设置子元素高度与父元素高度相等,,,p标签需要把margin设置为0;;;;且适用于单行文字 3、Flexbox 设置display为flex;;方向为从上到下flex-direction:column;;加上中间对齐:justify-content:center;;;;但是IE9以上兼容。 4、table 设置display:table;;子元素设置display:table-ce原创 2021-07-03 13:43:47 · 55 阅读 · 0 评论 -
CSS之Flex布局(弹性布局)
传统的布局方案:基于**盒子模型**依赖 display属性+position属性+floats属性。用这种方案实现特殊布局,例如 垂直居中 就不容易实现。 2009年w3c提出的新的解决方案——Flex布局(弹性布局):响应式的实现各种页面布局。 可以将任一容器指定为Flax布局: .box{ display:flex; } 行内元素也可以适用flex布局: .box{ display:inline-flex; } 如果是webkit内核的浏览器,在设置时需要在flex前加上-webk...原创 2021-06-18 20:05:57 · 225 阅读 · 0 评论