html - CSS 显示 :block and its opposite

Question

要将一行文本分隔成两行，我正在使用:

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

但是在我的页面的移动版本上，我想删除元素上的那个 block ，以便它显示在一行上。 display:block 有反义词吗？我是否使用了正确的方法来完成此任务？

Answer 1

如果您希望它们排成一行但仍然是 block /框(以便具有宽度和高度)，请使用此:

display:inline-block;

如果您希望将它们替换为文本(如字符序列)，请使用

display:inline;

默认情况下，span 元素具有 display:inline; 样式。