css - CSS ブラウザでの行の高さの検査

Question

ブラウザで個々の行要素を検査する方法があるかどうかを調べようとしていました。現在、テキスト行を右クリックすると段落全体が視覚化されますが、各行を視覚化しようとしています (具体的には) 各行の高さを確認したいので、これを行う方法はありますか?

Answer 1

Chrome 拡張機能 ( Snazzy Snippet ) をインストールすると、開発者ツールにオプションが追加され、すぐに表示されなくても、選択した要素に適用されるすべての CSS プロパティがキャプチャされます。一見の価値があるかもしれません。

Answer 2

インライン要素にボーダーを追加します。

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

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

span {
  border: 1px solid;
}