前端开发

Mores(圈主)

CSS、JavaScript 和前端框架的小技巧,踩过的坑和新发现

在 # 前端开发 说:
已写 0 字(5 至 250 字)
  1. Mores
    # 前端开发

    让多行标题换行更均匀:text-wrap: balance

    多行标题加上 text-wrap: balance,每行的长度会更均匀,不会出现最后一行只剩一两个字。正文可以用 text-wrap: pretty。

    不支持的浏览器会直接忽略这条属性,可以放心加。

  2. Mores
    # 前端开发

    Chrome 开发者工具自带整页截图

    打开开发者工具(F12)后按 Ctrl+Shift+P(Mac 上是 Cmd+Shift+P),输入 screenshot,可以截取整个页面或者选中的元素,长页面截图不用再装插件。

  3. Mores
    # 前端开发

    前端框架小调查

    你现在主要用哪个前端框架?

    0 人参与
  4. Mores
    # 前端开发

    一行代码找出撑出横向滚动条的元素

    页面莫名其妙出现横向滚动条时,在控制台执行:

    document.querySelectorAll('*').forEach(el => el.style.outline = '1px solid red')

    所有元素的边框都会显示出来,很快就能找到是谁超出了屏幕。outline 不占空间,不会改变布局。