CSS顯示：塊和與其相對

Question

爲一個文本行分隔成兩行我使用：

<p>Line one <span>line two</span></p> 
p span { 
    display:block 
} 

但在我的網頁的移動版本，我想刪除的元素，使在該塊它將全部顯示在一行上。是否有與display：block相反的內容？我是否使用正確的方法來完成此操作？

Answer 1

媒體查詢如果你想他們是在同一行，但仍塊/箱（所以有寬度和高度），使用此：如果你希望他們

display:inline-block; 

被替換爲文本（以字符序列），然後使用

display:inline; 

默認情況下，span元素具有display:inline;樣式。

Answer 2

與之相反，我假設你想隱藏它？這將是display: none; 儘管在屏幕上顯示沒有任何內容會完全隱藏整行。試着這樣說：

<p>Line one <br/>line two</p> 

而在移動

p br { 
    display: none; 
}