Serviceを読んで理解し、同意したものとみなします。スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。1,929件0bootstrapのlabelを使っています。これを複数横並びにしていますが、指定の親要素幅を超えると親要素幅が伸びてしまいます。複数ある子要素を横並びにしつつ、適宜折り返したいです。要素の途中で折り返したく有りません。要素単位で折り返したいです。label-info指定の子要素を横並びにしますが、「データn」の途中で折り返さず、親要素幅以内で「データn」単位で折り返したいです。label-info">データ9</span></div>親要素の親は、<table>です。bootstrapのグリッドシステムで幅をいじろうとしていますが、試行錯誤している最中です。<th>タグに対してcol-xs-xxやcol-md-xxを使って幅制御しています。labelは、javaScript(jQuery)で動的に出していますが、その際に折り返しが行われません。個の銅バッジ1「指定の親要素幅」はどのように指定しているのでしょうか?例えばwidthで設定していればそれをはみ出すことはありませんし、折り返しもlabel単位でされると思います。auto)では表の全てのセルを考慮して幅を決定します。CSSプロパティを超えていた場合、それらの値を無視して「折り返しを考慮しても中身が枠をはみ出ない幅」がテーブルの幅となります。これが今回の現象です。いうことで中身を折り返すことができないのがおかしいという話になるのですが、貼っていただいたURLを確認したところ、質問に最初書かれていたコードと少し違うことがわかりました。いうもので、改行してはならない空白を意味します。一方で通常の半角スペースや改行は改行できる空白です。要素が区切られていたために、そこで折り返すことができなかったのです。なく普通の半角スペースを挿入することで、要素ごとに折り返されるようになり、テーブルの幅が異様に広くなることもなくなるかと思います。細かい話をすると、デフォルトで折り返しが許可されないのは英単語もとい連続した英数字です。よって折り返しが禁止されているので、日本語が連続する部分でも折り返すことができません。この辺りは既に考慮されているわけです。個の銅バッジありがとうございます。&nbsp;の本来の意味を忘れてスペース代わりに使っていました。&nbsp;をやめて半角スペースに置き換えてみましたが、やはり要素単位に折り返してくれません。親要素をwhite-space:no-wrap;を外すと折り返すんですが、仰るように今度は要素の途中で折り返してしまいます。すると半角スペースでどうして改行してくれないのかってことになるのですが、教えて頂けないでしょうか?いかんせん、CSSがよく理解できていません。17:20すみません、先ほどのコメントは誤りです!別の場所の&nbsp;をいじっていて直ってませんでした。コメント時間表示の後ろにマウスを持っていくと赤丸に✕のマークがでて、それをクリックすると自分のコメントを削除できます。|回答スタック・オーバーフローに参加してくれて、ありがとうございます!質問の回答を共有してください。回答を説明し、自分の検討結果も共有してください。意見を述べること(意見を述べるなら、参照リソース、自分の経験で意見をサポートしてください)さらにサポートが必要な場合このヘルプを参考してください。“回答を投稿”をクリックすることで利用規約、プライバシーポリシー、及びクッキーポリシーに同意したものとみなされます。タグが付いた他の質問を参照するか、自分で質問をする。質問のフィードこのRSSフィードを購読するには、このURLをコピーしてRSSリーダーに貼り付けてください。