みんなでねっと!は世界最小のポータルサイトを目指しています。

均等割り付けの備忘録

ブラウザが対応していれば、
dt {
width: 200px;
-moz-text-align-last: justify;
text-align-last: justify;
}

dd {
width: 400px;
}
dt部分が均等割り付けになるはずです。

ブラウザが対応していなければ、
HTML
<dt>
<div class="justify">
<span>均</span>
<span>等</span>
<span>割</span>
<span>り</span>
<span>付</span>
<span>け</span>
</div>
</dt>
<dd>
<p>適当なテキスト文章・・・</p>
</dd>

CSS
dt {
width: 200px;
}
dd {
width: 400px;
}
.justify {
display: flex;
justify-content: space-between;
}
dt部分が均等割り付けになるはずです。

spanで1行1文字ずつなので面倒ですが、これでも出来なければ諦めるしかないかな・・・



Posted By:2018年10月24日

トラックバックURL

このエントリーのトラックバックURL:
https://www.minnadenet.com/mt/mt-tb.cgi/767

コメントする