css display:block 和它的反面

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;样式。