为什么加了word-break : break-all;还是不换行呢？_html/css_WEB-ITnose
php中文网
发布： 2016-06-24 12:12:39
原创
1928人浏览过
回复讨论(解决方案)
这里应该加不换行的 思维错了
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
WPS零基础入门到精通全套教程！
全网最新最细最实用WPS零基础入门到精通全套教程！带你真正掌握WPS办公！ 内含Excel基础操作、函数设计、数据透视表等
来源：php中文网
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
283
收藏
