忍者ブログ
10 July

テーブルの見出しテキストを均等割にしたい

http://ozpa-h4.com/2013/07/26/jquery-justify-js/
http://ozpa-h4.com/demo/justify_demo/

上記のjqueryを導入するしかない!!

自分でspanで囲ってletter-spacingで調整するのを自動でやってくれる




CSSでやろうとしたら、まず1行のみっていうのが無理
text-align:justify; は複数行にしか効かない

http://nabetaro.hatenablog.com/entry/2015/12/23/220942

というか↑を読んで「最終行のみjustifyは効かない」
つまり、1行のみの文章は「=最終行」なので効かないということを理解した。

そこで以下のように最終行へのCSS3が存在するらしい
しかしクロームとfirefoxしかきかない。 IE ☓、safari ☓
いいCSS3知った!と思ったら対応してないとか超萎える
  -moz-text-align-last: justify;
  text-align-last: justify;

↓ text-align-lastの対応状況が見れる
https://syncer.jp/css-reference/text-align-last

しょうがないのでjqueryに頼る
LIGというかいうとこのやつはDLリンクしんでる。ページ内のコードコピペしても使い物にならなかったので注意。

全角半角がまじるとガタつくだとか、IEのみ出来ないだとか、もううぜー
wordしかやったことないやつとか紙媒体のやつが均等割!とかうるせーんだよ
webは基本できねーんだよ
PR