見出し行数をカウントするスクリプトを書いてみた見出し行数をカウントするスクリプトを書いてみた2014年8月22日サイトの見出しに画像を使うことってありますよね。見出しが1行のときと、2行以上のときとで行の高さlineheight値を切り替えたいことがあります。次のようなケースです。見出しが1行のときは、lineheight=ねこの高さ(文字とねこを高さ中央に揃えるため)見出しが2行以上のときは、lineheightを詰める(↑の例だと1.2emまで詰めた)という風にしたい場合に、CSS設定を行数に応じて変えたいところですよね。そこで、次のようなスクリプトを書いてみました。6px;}ねこさんと緑のbarの画像を表示するために、spanタグを挿入するなどの余計なコードも入っています(スミマセン)ポイントとしては、行数計算する前に一旦lineheightを1emに指定してから、offsetHeightで要素の高さを求めます。offsetHeightにはpaddingの値も含まれるので、見出しに指定したpaddingを減算します。line_numberという計算式から、line_number(行数)を求めるという仕組みです。windowサイズが変わると行数も変わるので、上の処理を再実行するようにしています。2012年5月Authorプログラマー:TaeWordPressのサイト制作を始めて2年になりました。WordPressテーマの作り。