Comment configurer div pour qu'il ne soit pas enveloppé dans CSS

Comment configurer div pour qu'il ne soit pas enveloppé en CSS : 1. Utilisez la méthode float, le code est [.div2 {float: left;}] 2. Utilisez la méthode [inline-block], le code est [.div2 {display : inline-block;}].

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur DELL G3.

Méthode CSS pour définir div pour ne pas envelopper :

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

 Ceci est défini pour l'élément parent ! ! !

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

Tutoriels associés recommandés :

Tutoriel vidéo CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!