ELLの足跡

人は最後は一人だと言う・・・でも、今は妻が傍にいる・・・

WEB上の文章も均等割り付けで両端スッキリしませんか!?

2019-01-13 | 日々のパソコン

WEB上の文章の均等割り付け方法
 私のブログへ訪問して下さる皆様の中でも、ブログなどWEB上で文章を書かれている方は多いと思います。
 てっとり早いのは、やはり私のようにブログ提供事業者のテンプレートを使用するのが便利ですよね・・・でも、このgooブログでもそうですが、文章表示の基本は左寄せに設定されているようです。
 もちろん左寄せが、悪いというわけではありませんが、文章を均等割り付けで表示すれば、右端も経てラインが整いスッキリすると思いませんか!?
 実は私は、作業スペース(DIV)の中はCSS(スタイルシート)で均等割り付けをして文章を表示させています。
 今朝はこの方法を紹介してみようと思いますね。
    全てのブラウザで均等割り付けをする方法
  1. 文章を左寄せの場合
    • 左寄せ文章
      左図の文章の右側を見て頂くと凸凹してますよね。

      <DIV style="text-align:left">~ここに文章~</DIV>

      簡単に云えば、上記のように指定して書いているんです。全てのブラウザでこのように見えている筈です。

  2. 文章を均等割り付けの場合
    • Chromeの均等割り付け時の表示
      左図の文章の右側の列も揃いましたよね。

      <DIV style="text-align:justify">~ここに文章~</DIV>

      これで、Chrome・firefox・Operaは同じように綺麗に表示されています。でも、Edge・Internet Explorerでは、凸凹のままの表示なんですね・・・

  3. Edge・Internet Explorerも文章を均等割り付け表示
    • Edgeの均等割り付け表示
      左図はEdge画面ですが、文章の右側の列も揃いましたよね。

      <DIV style="text-align:justify;text-justify:inter-ideograph">~ここに文章~</DIV>

      これで、Chrome・firefox・Opera・Edge・Internet Explorerは同じように綺麗に表示されています。

もしも、ブログ提供事業者の書式のままブログを書かれているのであれば、両端揃えで両サイドをスッキリとさせたら、見栄えも良いんじゃないのでしょうか!?
 是非お試しあれ!
ジャンル:
WEBデザイン
コメント   この記事についてブログを書く
« 今やシニアもスマホの時代!! | トップ | 外出時のスマホの充電大丈夫... »
最近の画像もっと見る

コメントを投稿

日々のパソコン」カテゴリの最新記事