やっとこさ縦書きを左右中央配置にする方法がわかった

投稿日:

 このブログはよく「縦書き」を使う。主として俳句を詠むためである。他に、経文や邦楽の歌詞を書きたいときにも使っている。

 これには、「<div style=”writing-mode: tb-rl; writing-mode: vertical-rl;”>縦書きにしたい文字列</div>」というふうに、スタイルシートを使う。

 ただ、記事の中央に文字列を配置したい場合に、どうも不自由していた。俳句は縦1行なので、「<div style=”writing-mode: tb-rl; writing-mode: vertical-rl; white-space:nowrap; margin-left:48%;”>縦書きにしたい文字列</div>」などとして誤魔化していた。

 ところが、左右のマージンを「auto」にすることで、左右中央に持ってこられることがわかった。つまり、「<div style=”writing-mode: tb-rl; writing-mode: vertical-rl; white-space:nowrap; margin-left:auto;margin-right:auto;“>縦書きにしたい文字列</div>」というふうに書くわけだ。

 過去の記事も全部このスタイルシートに置換した。スッキリした。

投稿者: 佐藤俊夫

 50代後半の爺。技術者。元陸上自衛官。2等陸佐で定年退官。ITストラテジストテクニカルエンジニア(システム管理)基本情報技術者

コメントを残す

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

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