- 博客(3)
- 问答 (1)
- 收藏
- 关注
原创 水平垂直居中方式总结
一、内联元素(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
195
原创 VUE实现移动端适配方案(amfe-flexible + postcss-pxtorem)
步骤如下 1、先安装 amfe-flexible 和 postcss-pxtorem postcss-pxtorem官方文档https://www.npmjs.com/package/postcss-pxtoremamfe-flexible官方文档https://www.npmjs.com/package/amfe-flexible npm install amfe-flexible --save npm install postcss-pxtorem --save 2、在入口文件main.js中
2021-11-30 15:59:40
1468
原创 笔记--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
488
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人