![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css笔记
菜鸟老刘
一枚前端开发菜鸟
展开
-
水平垂直居中方式总结
一、内联元素(inline)1、水平居中// 对父级盒子设置text-align: center;2、垂直居中// 对子级元素设置line-height: $height; // $height为父级盒子的高度3. 水平垂直居中HTML: <div class="father"> <span class="son">内联元素</span> </div>CSS: .father {原创 2021-12-06 12:38:40 · 153 阅读 · 0 评论 -
笔记--CSS的“宽度分离原则”
### css宽度分离原则1、“宽度分离原则”是什么?所谓的宽度分离原则,指的是css中的width属性不与影响宽度的padding/border(有时候包括margin)属性共存,不能出现下列组合:.box { width: 100px; border: 1px solid;}不这么写,该怎么写呢?很简单,分离,width独立占用一层标签,padding、border和margin则利用流动性在内部自适应呈现:.father { width: 180...原创 2020-05-25 01:18:14 · 423 阅读 · 0 评论