为什么加了word-break : break-all;还是不换行呢？_html/css_WEB-ITnose

商人学院商人学院商人学院商人学院
商人学院商人学院商人学院商人学院
商人学院商人学院商人学院商人学院

回复讨论(解决方案)

这里应该加不换行的  思维错了
white-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标签是浮动的，外层设置这些也没用啊
这里应该加不换行的 思维错了
white-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{/*990-48*/border:1px solid #E6E6E6;padding:24px; background:#fff; margin:0 auto;white-space:nowrap; }.tagwraper a{display:inline-block;margin-right:26px;color:#3178C6;}.tagwraper a:hover{background:#217BD1;color:#fff;}</style>

我晕啊，刚提交，里面的A标签是浮动的，外层设置这些也没用啊

引用 1 楼 的回复:

这里应该加不换行的 思维错了
white-space:nowrap;



JScript code

商人学院商人学院商人学院 为什么用display:inline-block;？啊

inline-block  行内块元素

参考下
http://www.blueidea.com/tech/web/2007/4532.asp