web関連

【CSS】スマホで縦書きの記述が「writing-mode: vertical-rl;」が効かない

スマホ(ios)でテーブル内のthタグを縦書き(writing-mode: vertical-rl;)しようとしたら効かなかったので備忘録

解決方法

縦書きにしたい要素をspanで囲って以下の記述

th span{
	/*↓縦書きの記述*/
	writing-mode: vertical-rl;
	/*↓縦書きの記述を改行させないための記述*/
	white-space: pre;
	/*↓いるかどうかわからない*/
	display:inline-block;
}

thmin-heightで最低の高さを指定する方法も合ったけど、white-space: pre;で行けた

Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。