鍍金池/ 問答/HTML/ 這里的空格和換行為什么會顯示為換行？

這里的空格和換行為什么會顯示為換行？

我用的是 bootstrap3 的 media 組件，它可以把一行分成3個區(qū)域，分別是：media-left,media-body,media-right。3個都有 display: table-cell ，其中 media-body 有 width: 10000px 。
現(xiàn)在我想在 media-right 中添加文字內(nèi)容，發(fā)現(xiàn)空格和換行會導(dǎo)致顯示時換行，代碼類似于：

<span>text1</span>
<span>text2</span>

按常理，應(yīng)該顯示為：
text1 text2
但是，卻顯示為：
text1
text2
總之，就是換行了，這導(dǎo)致元素?zé)o法在同一行，不好排版。照理說應(yīng)該只是顯示一個空格的，為什么會顯示成換行呢？有沒有辦法不換行？

回答
編輯回答
愚念

不知道是不是這樣的？運行效果查看

<html>  
<head>  
    <link rel="stylesheet"  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>
2018年9月16日 17:47
編輯回答
愚念

你的空格是直接一個空格還是?，可能是被解析成換行執(zhí)行了

2017年4月6日 00:15