均等割り付け

均等割り付け超軽量jQueryスクリプト配布場所

仕事上必要だったので、拙筆「webkit系ブラウザ(Chrome/Safari)で両端揃えはできないの?jQueryで検証」のスクリプトを流用して作りました。

簡単な説明

jQueryによる均等割り付けの仕組み

コーディング例

justify(両端揃え)cssだと上手くいかない

なぜなら、justifyが横幅よりも少ない文字列の右端を揃えるという趣旨ではないからです。

table.company th,
table.company td {
	text-align: justify;
	text-justify: inter-ideograph;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 10px;
}

justifyの場合

自作jQueryの場合

table.company2 th,
table.company2 td {
	text-align: justify;
	text-justify: inter-ideograph;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 10px;
}

jQueryの場合

使い方

$(document).ready(function(){
	$(".company2 th").justify();
});

配布します

こちらからどうぞ:download
ただし、全半角混じりだとChromeでは上手くいかないことがあります。ご了承ください。
noteで寄付を募っています:note

タグ: ,
カテゴリー: お知らせ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

web屋 内藤
  • 初めまして
  • web制作承ります
  • 文章・イラスト
  • 紙媒体承ります
  • 野球お任せ下さい
英作文のフルーツフルイングリッシュ