html - コンテナ内で長いテキストをラップする必要がある

Question

コンテナ内でテキストをラップするのに問題があります。私はすでに検索しており、すべての回答を入力する必要がありましたword-wrap: break-word;が、うまくいきません。私は何か間違ったことをしているに違いありませんが、何を見つけるのに苦労しています。

ソース コードを検索できる Web サイトは次のとおりです: http://www.simplistico.net/

どんな助けでも大歓迎です。

編集：また、コンテナの背景が赤くなっているので、はっきりと見えるかもしれません.

Answer 1

pタグに幅を設定しないのはなぜですか?

p {
width:65%;
}

編集：

多分私はもっとはっきりしていたはずです。コンテナー内に既に p タグがある場合は、必ずしも上記のようにする必要はありません。あなたは何かをすることができます。

#container p {
width:65%;
}

このようにして、指定されたコンテナ内の p タグのみが影響を受けます。

デフォルトでは、ap タグはそのコンテナーの 100% を引き伸ばします。また、word-break と Word Wrap は CSS3 プロパティであり、デフォルトでは特定のブラウザーでのみ機能することに注意してください。http://www.w3schools.com/cssref/css3_pr_word-break.asp

また、ワード ブレークはコンテナの境界でのみブレークします。また、「赤い背景」コンテナーを超える別のコンテナー内にデフォルト幅が 100% の ap タグがあるためです。そのコンテナの境界で壊れます。したがって、技術的には機能しています。

Answer 2

最初にあなたの css ファイルが必要です.content {}(今はタイプミスがありますcontent {}– その中にあるものは何の効果もありません)。

HTML5タグについてわからないので、クラスを持つタグ<nav>を作成しました: . 次に、css ファイルに新しいスタイルを追加し、スタイルを削除しました。これはほぼ完璧に機能します。赤い背景はコンテンツの終了位置で終了するため、注意が必要です。<ul><ul class="nav">nav {float:left}p{word-wrap: break-word;}

更新: 赤い背景色を下まで表示するには、css スタイルを追加し、.html.clearfloat{clear:both;}ファイル<br class="clearfloat" />内の最後の段落の後に配置します<content>。

UPDATE2: css ファイルのpositionとのleft属性を捨てて、と.contentの余白を調整して、それらが整列するようにします。<nav><content>

Answer 3

を配置するcontent場合は、明示的に幅を指定する必要があります。

試す：

content { width: 600px; }