Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
次のjsFiddleがあり、さまざまな色の#divセクションのそれぞれにコンテンツを配置したいと考えています。
#div
ただし、そうしようとすると、この jsFiddleに見られるように、割り当てられたスペースを超えて情報が渡されます。
どうすればこれを達成できますか?
これは、次のwhite-space: nowrap;意味を使用しているためです。
white-space: nowrap;
一連の空白は、単一の空白に折りたたまれます。テキストが次の行に折り返されることはありません。タグが検出されるまでテキストは同じ行に続く<br />ので、css コードから削除してください。
<br />
ここに理解するためのリンクがありますwhite-space property
white-space property
http://css-tricks.com/almanac/properties/w/whitespace/