web関連tips備忘録

Category
<前 | 次>
TABLE(表組)で均等割付を実現する方法

debianを最新安定版(stretch)にアップグレードしたらKDEディスクトップ環境では総合オフィスソフトがApacheOpenofficeからLiberofficeに替った。

openoffice calcでは均等割り付けが実現できなかったが、LibreOffice Calcでは均等割付けが実現できる。
この際なので、HTMLのTEBLEでも均等割付けを実現してみた。

 td {
    text-align: justify; /* IE用 */
    text-justify: inter-ideograph; /* IE用 */

    -moz-text-align-last: justify;
    text-align-last: justify;
 }

firefox ver59.0.2、googlechrom ver65.0.、IE ver11で均等割付けが実現できることを確認。

目的のTDタグだけを均等割付けにしたい場合は、該当タグに同じクラス名を付けて上記の「td{」を
td.class名とすればよい。

参考サイト
CSSでの表見出しの均等割付 (css3版) - 鍋の底


2018-04-10 19:37:40 by kei - web Tips

このアイテムは閲覧専用です。コメントの投稿、投票はできません。
<前 | 次>