![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
lhy
cv前端
获得徽章 13
- #每天一个知识点# const idCard = "110108199001010101" // 身份证号
const reg = /^(.{6})(?:\d+)(.{4})$/ // 匹配身份证号前6位和后4位的正则表达式
const maskedIdCard = idCard.replace(reg, '\$1******\$2') // 身份证号脱敏，将中间8位替换为“*”
console.log(maskedIdCard); // 输出：110108******0101展开38 - 这七个Div水平垂直居中的7个方法你一定要掌握；面试会用到！
CSS实现div元素水平垂直居中的7个方法CSS实现Div元素水平垂直居中，是必需要掌握的知识，也是面试必考点。
我总结了7种方法，并且每种方法都配套了对应的应用场景案例。
1、行内元素水平垂直居中；
2、绝对定位 + margin；
3、绝对定位+marginauto；
4、绝对定位 + translate；
5、flex 布局；
6、flex+marginauto；
7、table-cell；
大家可以把内容先收藏起来，慢慢消化。在以后的实战中多尝试不同的方法，尽可能把这些方法全部掌握，如果学习中有问题可以私聊请教问题哦！#前端面试# #艾编程前端笔记# #前端开发# #垂直居中# #CSS样式#展开312
![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
![[奋斗]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_29.2801857.png)
juejin.cn