css - CSS 检查浏览器中的行高

Question

我试图弄清楚是否有任何方法可以检查浏览器中的单个行元素。现在右键单击文本行可以可视化整个段落，但我正在尝试可视化每一行（特别是）我想看看每行占用多少高度，所以有什么办法可以做到这一点。

Answer 1

为内联元素添加边框：

http://cssdeck.com/labs/3ruzzpix

<p><span>...</span></p>

span {
  border: 1px solid;
}

Answer 2

如果您安装 Chrome 扩展程序 ( Snazzy Snippet )，它会向开发人员工具添加一个选项，并捕获应用于选定元素的所有 CSS 属性，即使它们不是立即可见的。也许值得一瞧。