Ce qui suit résume trois méthodes de conversion d'éléments en ligne en éléments de niveau bloc :
(1) affichage
(2) float
(3) position (absolue et corrigé)
Moins de paroles, plus d'action, exécutez le code suivant pour voir l'effet :
1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 6 <title>行内元素转为块级元素</title> 7 <style type="text/css"> 8 *{ 9 margin: 0;10 padding: 0;11 font-size: 20px;12 color: red;13 }14 div{15 margin-top: 20px;16 }17 a{18 display:block;19 }20 span{21 float: left; 22 }23 i{24 position:absolute;25 }26 </style>27 </head>28 <body>29 <div>30 方法一：使用display31 </div>32 <a href="#">a标签转为块级元素</a>33 <div>34 方法一：使用float35 </div>36 <span>span标签转为块级元素</span>37 <div>38 方法一：使用position（absolute和fixed）39 </div>40 <i>i标签转为块级元素</i>41 </body>42 </html>
Vérifiez s'il est converti à un élément de niveau bloc en inspectant l'élément ：
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!
Comment trouver la valeur maximale et minimale d'un élément de tableau en Java
appuyez sur n'importe quelle touche pour redémarrer
Quels sont les outils de développement visuel chinois PHP ?
Solution d'erreur Accès refusé
Que faire en cas de conflit IP
Tutoriel de création de site Web simple PHP
Comment définir un écran large ppt
Quels sont les quatre outils d'analyse du Big Data ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
