- 博客(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
202
原创 VUE实现移动端适配方案(amfe-flexible + postcss-pxtorem)
步骤如下1、先安装 amfe-flexible 和 postcss-pxtorempostcss-pxtorem官方文档https://www.npmjs.com/package/postcss-pxtoremamfe-flexible官方文档https://www.npmjs.com/package/amfe-flexiblenpm install amfe-flexible --savenpm install postcss-pxtorem --save2、在入口文件main.js中
2021-11-30 15:59:40
1485
原创 笔记--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
503
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人