html同一个div中的两个span显示在不同行

可以使用CSS中的display属性来实现。将两个span标签设置为display:block，这样它们就会显示在不同行。示例代码如下：

<div>
  <span style="display: block;">内容1</span>
  <span style="display: block;">内容2</span>
</div>

或者将两个span标签设置为display:inline-block，这样它们会在同一行上，但是它们之间会有空格。如果不想要空格，可以将两个span标签写在同一行上。示例代码如下：

<div>
  <span style="display: inline-block;">内容1</span><span style="display: inline-block;">内容2</span>
</div>

相关问题

div 中间又两个span 第一个span 可以换行 第二个span 里面是个文字符号 如何使得 第二个span始终在当前行的最右侧

要在`<div>`中让第一个`<span>`可以换行，第二个`<span>`始终位于当前行的最右侧，你可以结合`display`属性和适当的浮动或定位。这里有一个示例：

<style>
    .container {
        display: flex;
        /* 如果需要两个子元素在同一行，可以设置flex-wrap: nowrap; 如果允许换行则可以留空或设为 wrap 或 wrap-reverse */
        align-items: flex-end; /* 让第二个span位于底部 */
    }

    .breakable-span {
        white-space: normal; /* 允许换行 */
    }

    .fixed-right-span {
        float: right; /* 浮动到右侧 */
        /* 如果想要消除BFC（块级格式化上下文），避免影响其他元素，可以加上以下样式 */
        position: relative;
        float: none;
        display: inline-block;
    }
</style>

<div class="container">
    <span class="breakable-span">这是第一部分可以换行的文本...</span>
    <span class="fixed-right-span">这是一个文字符号。</span>
</div>

这样，第一个`<span>`会根据内容自动换行，而第二个`<span>`始终会在当前行的最右侧。

div标签 后面加上span标签，怎么让两个显示在同一行

可以使用CSS的display属性来实现div和span在一行显示。默认情况下，div和span都是块级元素，会独占一行，所以需要将它们的display属性设置为inline或inline-block。例如：

<div class="container">
  <div class="inner-div">这是一个div标签</div>
  <span class="inner-span">这是一个span标签</span>
</div>

.inner-div, .inner-span {
  display: inline-block;
}

这样就可以让div和span在同一行显示了。同时，也可以通过其他CSS属性，如float或flexbox来实现同样的效果。