css显示：块和它的对立面

Question

将一行文字分成我正在使用的两行：

<p>Line one <span>line two</span></p>   
p span { 
     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;
}

Answer 3

display属性指定显示行为＆amp;元素的可见性。

与显示块相反的

是

display : none; 

用于删除和重新创建它们。

您还可以考虑inline-block：

内联块元素内联元素，但它们具有宽度和高度。