Q&A
HTML部しかありませんよ?
CSSファイルも提示してください。
HTMLとCSSの勉強をしております。
かなりレベルの低い質問ですがご了承ください。
下記のHTMLなのですが、ウェブ画面だと「Hello!!」の部分が見切れてしまいます。
ウィンドウに合わせて改行してくれるものではないのでしょうか？？
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>CSSの練習</title> 6 <link rel="stylesheet" href="css/styles.css"> 7</head> 8<body> 9 <h1>CSSの練習</h1> 10 <p>Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!</p> 11</body> 12</html>
CSS
1body { 2 color: red; 3 border: 1px solid pink; 4}
ウィンドウを小さくすると下記画像のようになります。
Hello!を画面内に収めるにはどうしたら良いでしょうか？？
回答3件
ベストアンサー
0
投稿2019/06/23 07:30
総合スコア1809
ありがとうございます。
とある動画を参照しながらコードを真似ているのですが、そのかたも同じHTMLとCSSの記述で
改行されています。（私がのせたコードと同じなのにウィンドウのサイズに合わせて改行されています）
0
どこかで文字が区切られていないと同じ言葉として認識してしまって改行しないと思います。
css
1.hoge { 2 word-break: break-word; 3}
word-breakは日本語対応しているとのことなので、日本語で使用する際はこちらを使用してはいかがでしょうか！
また、何かを見てやっている場合はそちらも提示していただけると確認しやすいです！
投稿2019/06/23 07:44
総合スコア679
スペースがないことによりHelloが区切られていないようでした。
迅速なご回答ありがとうございます！！
ドットインストールを参照しておりました。今後は記載するようにいたします。
あなたの回答
tips
プレビュー
