So stellen Sie ein, dass div nicht in CSS eingeschlossen wird

So stellen Sie ein, dass div nicht in CSS umgebrochen wird: 1. Verwenden Sie die Float-Methode, der Code ist [.div2 {float: left;}] 2. Verwenden Sie die [inline-block]-Methode, der Code ist [.div2 {Anzeige: Inline-Block ;}].

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

Css-Methode, um div so einzustellen, dass es nicht umbrochen wird:

float

<div class="div1">123</div>
<div class="div2">456</div>
<style>
.div1 {
float: left;
}
.div2 {
float: left;
}
</style>

inline-block

<div class="div1">123</div>
<div class="div2">456</div>
<style>
.div1 {
display: inline-block;
}
.div2 {
display: inline-block;
}
</style>

flex

Dies wird für das übergeordnete Element festgelegt! ! !

<div class="parent">
<div class="div1">123</div>
<div class="div2">456</div>
</div>
<style>
.parent {
display: flex;
}
</style>

Verwandte Tutorial-Empfehlungen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo stellen Sie ein, dass div nicht in CSS eingeschlossen wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!