word-break:break-all;を追加しても改行がないのはなぜですか? _html/css_WEB-ITnose

1943735c4bf021e643cda3e159753447
ee7959cc8dd4be16ef633321c03dac32ビジネス スクール5db79b134e9f6b82c0b36e0489ee08edee7959cc8dd4be16ef633321c03dac32ビジネス スクール5db79b134e9f6b82c0b36e0489ee08ed61a1b40fea8b3ee536b1b6c4639bd912ビジネス カレッジ5db79b134e9f6b82c0b36e0489ee08edee7959cc8dd4be16ef633321c03dac32ビジネス カレッジ5db79b134e9f6b82c0b36e0489ee08ed
ee7959cc8dd4be16ef633321c03dac32ビジネス カレッジ5db79b134e9f6b82c0b36e0489ee08ed3bb0e86c23e5749f15a9cdf15dc974c4ビジネス スクール5db79b134e9f6b82c0b36e0489ee08edee7959cc8dd4be16ef633321c03dac32ビジネス スクール5db79b134e9f6b82c0b36e0489ee08edee7959cc8dd4be16ef633321c03dac32ビジネス スクール5db79b134e9f6b82c0b36e0489ee08ed
b5a63eb323562bbd99b282e6a2c94492ビジネス スクール5db79b134e9f6b82c0b36e0489ee08edee7959cc8dd4be16ef633321c03dac32ビジネス スクール5db79b134e9f6b82c0b36e0489ee08edee7959cc8dd4be16ef633321c03dac32ビジネス スクール c9ccee2e6ea535a969eb3f532ad9fe89 .tagwrapper{width:940px;/*990-48*/border:1px margin:#fff; :0 auto;word-break : Break-all; }
.tagwraper a{float:left;margin-right:26px;color:#3178C6;}
.tagwraper a ; の終了について話している場合フローティング要素、上記は機能します
混乱しています。内側の A タグを外側のレイヤーに設定するのは無駄です。
ここに改行を追加しないでください。 space:nowrap;

<div class="tagwraper"><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a></div><style>.tagwraper{width:940px;/*990-48*/border:1px solid #E6E6E6;padding:24px; background:#fff; margin:0 auto;word-break : break-all; }.tagwraper:after{	content:".";	display:block;	clear:both;	height:0;	visiblity:hidden;}.tagwraper{	zoom:1;  /* for IE */}.tagwraper a{float:left;margin-right:26px;color:#3178C6;}.tagwraper a:hover{background:#217BD1;color:#fff;}</style>

迷っているのですが、中の A タグが浮いていて、これを外側のレイヤーに設定するのは無意味です。ここに追加してください 間違った行の折り返し

JScript コード

1943735c4bf021e643cda3e159753447 ビジネス アカデミー5db79b134e9f6b82c0b36e0489ee08ed ; a href="#">ビジネス アカデミー5db79b134e9f6b82c0b36e0489ee08edee7959cc8dd4be16ef633321c03dac32ビジネス アカデミー5db79b134e9f6b82c0b36e0489ee08ed display:inline-block; を使用する理由あ

inline-block インラインブロック要素

http://www.blueidea.com/tech/web/2007/4532.asp を参照してください