我用的是 bootstrap3 的 media 组件，它可以把一行分成3个区域，分别是：media-left,media-body,media-right。3个都有 display: table-cell ，其中 media-body 有 width: 10000px 。
现在我想在 media-right 中添加文字内容，发现空格和换行会导致显示时换行，代码类似于：
极客观点
项目管理
HarmonyOS
<span>text1</span>
<span>text2</span> 按常理，应该显示为：
text1 text2
但是，却显示为：
text1
text2
总之，就是换行了，这导致元素无法在同一行，不好排版。照理说应该只是显示一个空格的，为什么会显示成换行呢？有没有办法不换行？
不知道是不是这样的？运行效果查看
<html>
<head>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" type="text/css">
</head>
<body>
<div class="container">
<div class="media">
<div class="media-left">
123
</div>
<div class="media-body">
456
</div>
<div class="media-right">
<span>text1</span>
<span>text2</span>
</div>
</div>
</div>
</body>
</html> 3 回答5.1k 阅读✓ 已解决
5 回答2k 阅读
2 回答1.9k 阅读✓ 已解决
1 回答3k 阅读✓ 已解决
3 回答2.4k 阅读
4 回答2.2k 阅读
3 回答2.1k 阅读
你的空格是直接一个空格还是 ，可能是被解析成换行执行了