htmlでtableの文字を縦書きにする2つの方法

公開日: : 最終更新日:2014/09/16 インターネット

テーブルの中で文字を縦書きにしたいことってあるじゃないですか。
たとえば、紙媒体を再現したいときです。
できるだけスマートに表現するならやっぱりCSSを使うことでしょうね。

CSSで縦書き設定

htmlでtableの文字を縦書き CSSで設定
tdの中でspanでスタイルシートを縦書きに設定すればいいです。
<td><span Style=”writing-mode:tb-rl;”>効果C<br>※追加文字</span></td>

テーブルの幅をフォント1文字サイズに設定

テーブルの幅をフォント1文字サイズに設定

他にもtdのサイズを狭く設定するという方法もあります。
問題点として、縦書きに二行追加すると行が崩れる。
かといって一文字一文字にBRの変換を入れるのはダサい。
(効<br>果<br>C<br><br>※<br>追<br>加<br>文<br>字)

<td width=”12″>効果C<br>※追加文字</td>

私のオススメはspanでcssを使って縦書き設定することですね。
スマートです。
思いつきで書いたので、自分でやりやすい方法を選択していただければと思いますね。

ほかにもこれ読んでみませんか?

AUのレンタルモデムDL180Vに、無線カードWL54AGを差して使ってます

回線絞りはauone-adslの嫌がらせだ

auone-adslの回線が最近突然、回線落ちや速度低下になった。

光端末のUNIランプが点灯しません。

光回線からルーターのWANに繋いでUNIが光らないは初期不良です

ビッグローブ光なら【ビッグローブ光.net】 に契約しました。 g

Message

メールアドレスが公開されることはありません。

no image
欲しい土地はすぐ買った方がいい!大手建築メーカーは客に買い逃がす経験をさせる

住宅展示場の営業マンは客に家を買い逃がさせたり、後悔させ

鍋にフライパンの蓋で圧力鍋の代わりができる
鍋にフライパンの蓋で圧力鍋の代わりができる

圧力鍋がなくてもサイズの合わない蓋で沸騰を早めれます

GUのNIRVANA(ニルバーナ)のTシャツは1000円ぐらいで買える
木村拓哉がGUのNIRVANAのTシャツ来てた

木村さ~~ん! #8「ごはんタイム!木村拓哉、“ファ

雨漏りでシーリングライトに水が溜まる素材写真
無料素材写真 台風豪雨浸水被害 天井と畳のカビ 雨漏りシーリングライト

無料写真素材ですが、使用の際は当サイトへのリンクをお願い

新築 角地 平屋 ソーラー 2500万円以内 注文住宅 駅から10分以内 駐車場2台 高台
新築 角地 平屋 4LDK 2500万円以内 注文住宅 駅から10分以内 駐車場2台 高台

これが欲しいと思っていた新築建売が買えなかった… みん

→もっと見る

  • いいだしっぺ(これでいいだ)
    ブログのもくじ 私のプロフィール
    現代の幸福論に挑戦しています。
    ウクレレブログ好き。

PAGE TOP ↑