前端开发
Mores(圈主)CSS、JavaScript 和前端框架的小技巧,踩过的坑和新发现
# 前端开发让多行标题换行更均匀:text-wrap: balance
多行标题加上
text-wrap: balance,每行的长度会更均匀,不会出现最后一行只剩一两个字。正文可以用text-wrap: pretty。不支持的浏览器会直接忽略这条属性,可以放心加。
# 前端开发Chrome 开发者工具自带整页截图
打开开发者工具(F12)后按 Ctrl+Shift+P(Mac 上是 Cmd+Shift+P),输入 screenshot,可以截取整个页面或者选中的元素,长页面截图不用再装插件。
# 前端开发
# 前端开发一行代码找出撑出横向滚动条的元素
页面莫名其妙出现横向滚动条时,在控制台执行:
document.querySelectorAll('*').forEach(el => el.style.outline = '1px solid red')所有元素的边框都会显示出来,很快就能找到是谁超出了屏幕。outline 不占空间,不会改变布局。