0522日重点：px-rem 把px转换成rem的小工具 ， bootstrap表格内容垂直居中

一：px-rem工具

参考文档：https://github.com/finance-sh/px-rem

1.全局安装

npm install px-rem -g

2.在需要转换的项目里输入命令行：px2rem

会自动生成一个xxx--px2rem.css的文件。里面都是已经转换好的rem。

3.此工具默认的是1px = 0.01rem，即为1rem = 100px的模式。 如果需要修改，则在项目里创建一个pxrem.config.js的配置文件。

文件内容为：

module.exports = {

patterns: "./WrcIosselect/lib/WrcIosselect.css",
pxToRemRatio: 0.01,   
ignoreCss: ['font-size', 'line-height'],
isReplace: false,
convertBorder1px: true
};

 

默认的是：

{
patterns: "**/*.css",
pxToRemRatio: 0.01,
ignoreCss: [],
isReplace: false,
convertBorder1px: false
}

 

 

二.bootstrap 表格内容垂直居中

td{
vertical-align: middle !important;
}