cargando...












便利 | Tips | 文字を中央に左寄せにしたい時に速攻でコピペして使えるHTMLタグ


Naoaqui Kimura wrote in 2015 . 12 . 19


このブログは3カラムと言う、
左と右と真ん中にブロックがある構成になってますが、
この構成において難しいのは、
文字組を中央寄せにしないとバランスが悪いが
しかし左寄せにしても
バランスが悪いと言うところなのであります。

これを解決するには、文字を左寄せにして、
真ん中に配置すれば良いのですが、
美しさにこだわりたいあまりにやっぱり両端揃えにして、
右側のラインもキレイに揃えたいなぁと言うことで
悶々と色々検索した結果、
導き出されたのが以下のコードです。



<table border= "0" align="center">
<tbody>
<tr>
<td width="広さpx" style="text-align:justify;">

本文

</td>
</tr>
</tbody>
</table>


中央寄せにしたテーブル要素で文字を囲って、
HTML直挿しCSSでテキストをジャスティファイ!!【justify】
してます。

さしずめ、テーブルジャスティファイとでも呼びましょう。

なかなか上手くいってると思います。
ちゃんと右側も揃ってるし(safariで確認)
お困りの方、コピペして使ってやってください。


参考までに以上の文書をテーブルジャスティファイしてみた感じが以下です。



このブログは3カラムと言う、左と右と真ん中にブロックがある構成になってますが、この構成において難しいのは、文字組を中央寄せにしないとバランスが悪いがしかし左寄せにしてもバランスが悪いと言うところなのであります。

これを解決するには、文字を左寄せにして、真ん中に配置すれば良いのですが、美しさにこだわりたいあまりにやっぱり両端揃えにして、右側のラインもキレイに揃えたいなぁと言うことで悶々と色々検索した結果、導き出されたのが以下のコードです。

中央寄せにしたテーブル要素で文字を囲って、HTML直挿しCSSでテキストをジャスティファイ!!【justify】
してます。

なかなか上手くいってると思います。
お困りの方、コピペして使っみてください。



2015 . 12 . 19 Author : Naoaqui Kimura | なんでもナシゴレン 0