html - div要素の外部にリンクを表示しないようにするにはどうすればよいですか？

Question

HTMLコード：

<p>texts and a link: <a href="https://www.apple.com/aaaaaaaaaaaaaaaaaaaaaaaaa">https://www.apple.com/aaaaaaaaaaaaaaaaaaaaaaaaa</a>

CSSコード：

p {
    width: 100px;
    height: 600px;
    background: red;
}

ここでコードデモを参照してください：http：//jsfiddle.net/9j4pT

コードデモから、リンクが赤い段落要素の外側に表示されていることがわかります。リンクが赤い段落要素の中に表示されることを願っています。解決策はありますか？HTML5にはそれに対する解決策がありますか？ありがとうございました。

score 4 · Accepted Answer

まず、pタグをで閉じます</p>

次に、ワードラップが必要です。

p {
    width: 100px;
    height: 600px;
    background: red;
    word-wrap: break-word
}

score 0 · Accepted Answer

オーバーフローを非表示に設定することもできます。

p {
    width: 100px;
    height: 600px;
    background: red;
    overflow:hidden;
}

score 0 · Accepted Answer

あなたが探している結果に依存します。

p幅を同じままにしたい場合は、次を使用します。

p {
   word-wrap: break-word;
}

幅を同じに保ちたい場合は、次を使用します。

p {
   /*remove width: 100px;*/
   display: inline-block;
}

3 に答える 3