Classification des éléments - éléments en ligne
En HTML, <span>, <a>, <label>, <strong> et <em> inline). Bien entendu, les éléments de bloc peuvent également être définis comme éléments en ligne via le code display:inline. Le code suivant convertit l'élément de bloc div en un élément en ligne, de sorte que l'élément div ait les caractéristiques d'un élément en ligne.
div{
display:inline;
}
......
<div>Je souhaite en faire un élément en ligne</div>
élément en ligne Caractéristiques :
1. Sur la même ligne que les autres éléments ;
2. La hauteur, la largeur et les marges supérieure et inférieure de l'élément ne peuvent pas être définies ; élément La largeur est la largeur du texte ou de l'image qu'il contient et ne peut pas être modifiée.
Amis, jetez un œil au segment de code à droite. Trouvez-vous un problème ? Il y a un problème d'espacement entre les éléments en ligne. Ce problème est introduit dans le wiki dans cette section. ça sort.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>行内元素标签</title>
<style type="text/css">
a,span,em{
background:pink;/*设置a、span、em标签背景颜色都为粉色*/
}
</style>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.php.cn">php中文网</a>
<span>33333</span>
<span>44444</span><em>555555</em>
</body>
</html>section suivante
