Question

我正在建立自己的网站，当我在另一个div中插入div时，换行符。我该如何解决？

    .subt {
    font-size: 21.75px;
    font-weight: bold;
    font-style: italic;
    }
    .norm {
    font-size: 19.5px;
    word-wrap: break-word;
    }
    .god {
    font-style: italic;
    }

    <pre>
    <div class="normal"><b>3</b> Ent Jous dit alors: « <div class="god">Que la loumin soiz!</div> » Ent la loumin fut</div></pre>

Answer 1

您需要为.god类设置display:inline-block;或display:inline;。

.god {
font-style: italic;
display:inline-block;
}

.subt {
font-size: 21.75px;
font-weight: bold;
font-style: italic;
}
.norm {
font-size: 19.5px;
word-wrap: break-word;
}
.god {
font-style: italic;
display:inline-block;
}

<style> 


</style>
<pre>
<div class="normal"><b>3</b> Ent Jous dit alors: « <div class="god">Que la loumin soiz!</div> » Ent la loumin fut</div></pre>

Answer 2

这是因为默认情况下，div元素的样式为display: block。

您想使用的是<span>来保持文本的流动。

Answer 3

您可以使用span而不是div。或将div设置为display:inline

.normal > div {
  display:inline;
}

您的样式中有一个错字，您使用的是.norm而不是.normal

当我不想在<div>

3 个答案: