Utilisation de l'attribut display en CSS : 1. Convertissez les éléments d'un type à un autre. Par exemple, utilisez l'instruction "display:inline;" pour convertir les éléments de bloc en éléments en ligne. est "affichage : aucun ;".
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur Dell G3.
attribut display : Convertir un élément d'un type à un autre
La valeur de l'attribut display :
inline : élément en ligne
block : élément de bloc
inline-block : élément de bloc en ligne
table : sous la forme d'un table Display, similaire à l'élément table
table-row : affiché sous la forme d'un tableau, similaire à l'élément tr
table -cell : affiché sous forme de tableau Affiché sous la forme, similaire à l'élément td
aucun : élément caché
Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
img{
display: block;/*使图片换行*/
}
div{
width: 48%;
border: 1px solid red;
display: inline-block;/*使div分块*/
}
</style>
<title>display</title>
</head>
<body>
<img src="../../img/coffee.jpg" alt="">
<img src="../../img/coffee.jpg" alt="">
<div>
div1
</div>
<div >
div2
</div>
</body>
</html>
(Partage de vidéos d'apprentissage : 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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
