メインコンテンツにスキップ
すべてのコレクションよくある質問エディタ(デザイン)
縦書きのテキストがライブプレビューや公開サイトで重なって表示される場合、どのように修正すればよいですか?
縦書きのテキストがライブプレビューや公開サイトで重なって表示される場合、どのように修正すればよいですか?

縦書きテキストが重なる問題の原因と具体的な解決方法を解説します。テキストボックスの横幅設定変更で修正できる可能性があります。

Saika avatar
対応者:Saika
昨日アップデートされました

縦書きテキストが重なってしまう原因と対応方法

縦書きのテキストがライブプレビューや公開サイトで確認した際に、重なってしまう場合、ブラウザ側の仕様が影響している可能性があります。現時点で、Studio側のシステムでは対応が難しい状況です。

なお、下記いずれかの方法で改善された事例があります。一度、お試しください。

  • 縦書きのテキストボックスまたはその親ボックスの横幅を、autoではなく固定値(px)で指定する

  • 上記で解消しない場合は、表示が崩れている「要素自体」の「横幅」をpx指定する

こちらの回答で解決しましたか?