LoginSignup
0
0

More than 3 years have passed since last update.

@j1403239(HONDA TAKANORI)

投稿一覧画面を作っていて、長文を打ち込むと、文字がはみ出てしまう問題を解決する

Last updated at Posted at 2021-03-04

今回オリジナルアプリを作るにあたって、検証ツールで、試しにめっちゃ長いアルファベットの文章を打ってみたのですが、そのときに、投稿を作っているブロックからはみ出てしまう問題が発生してしまったので、その解決策を共有していきたいと思います

実例

スクリーンショット 2021-03-04 17.59.43.png

こんな感じになってしまいます。
これでは、とてもいいUIとは言えませんよね、それを、
スクリーンショット 2021-03-04 18.01.32.png
のように、きちんと枠に収める方法があります

解決策

HTMLのbodyのCSSの部分に、

word-wrap: break-word;

をつければ解決します

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0