使用css时，如何确保对span边界进行包装？
使用css时，如何确保对span边界进行包装？
提问于 2016-03-07 08:55:18
为了显示博客帖子的标签，我有一个有一堆跨度的div。我希望任何跨度总是显示在一行(省略，如果太长是可以的)。如何使用css启用此功能？
<div>
<span class='tag'>math</span>
<span class='tag'>physics</span>
<span class='tag'>mathematical induction</span>
<span class='tag'>theoretical physics</span>
</div 我不希望mathematical和induction之间或者theoretical和physics之间的跨度中断。我的标签跨度有造型，可以让它们分开：
.tag {
background-color: #aaaaaa;
padding: 10px;
margin-right: 10px;
margin-bottom: 10px;
line-height: 400%;
color: white;
}回答 2
Stack Overflow用户
回答已采纳
发布于 2016-03-07 09:00:03
CSS方法
white-space: nowrap所以你的css看起来
.tag {
background-color: #aaaaaa;
padding: 10px;
margin-right: 10px;
margin-bottom: 10px;
line-height: 400%;
color: white;
white-space: nowrap;
}使用不可损坏的空间
在用户端，您只需使用 即可。
为了更好的可读性，我总是更喜欢第一种方法。
Stack Overflow用户
发布于 2016-03-07 08:59:28
这与CSS不太相关，您可以使用牢不可破的空间 。
例如：
<span class="tag">mathematical induction</span>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35839612
复制相关文章
相似问题
腾讯云开发者
