html - 在 <div> 中插入另一个 <div> 时，当我不想要时文本中断

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>