レスポンシブデザインで簡単に区切りよく改行したい時 1月にエンジニアとして働き始め、間も無く1ヶ月の新米です。 研修が終わり開発に参画し、画面デザインをしている際のおはなし。 レスポンシブデザインの際にシンプルなコードで簡単に改行出来るものを見つけました。 それがこちらです。 wbrタグとword-break: keep-all; これです。実装は超絶簡単。 まず、CSSを書きます。
![wbrタグを使って文章を改行し、レスポンシブなビューを作る - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f772c755e956b35ba32a755c1a2d1fec342326c0/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9d2JyJUUzJTgyJUJGJUUzJTgyJUIwJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUU2JTk2JTg3JUU3JUFCJUEwJUUzJTgyJTkyJUU2JTk0JUI5JUU4JUExJThDJUUzJTgxJTk3JUUzJTgwJTgxJUUzJTgzJUFDJUUzJTgyJUI5JUUzJTgzJTlEJUUzJTgzJUIzJUUzJTgyJUI3JUUzJTgzJTk2JUUzJTgxJUFBJUUzJTgzJTkzJUUzJTgzJUE1JUUzJTgzJUJDJUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgyJThCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04OTdjZDVhYTY0NDgzYWQ0ZjA5YzlkMjZhMzEzMzRiZQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwYXlhdGFrYW5pbWVzaGkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTg5NjE2NWIzNDkxZGFjN2ZmNDFmODUyOGQ5MWU4NDU2%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D82d02978841f70536e61442bc9053310)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く