Que signifient les propriétés en ligne ?

L'attribut inline fait référence à l'attribut de style en ligne, et l'attribut style spécifie le style en ligne de l'élément, et comme l'élément en ligne a également un modèle de boîte, différents attributs CSS peuvent être définis pour l'élément en ligne, tels que la largeur, la hauteur, le rembourrage et les marges, etc.

L'attribut style spécifie le style en ligne de l'élément

Paramètres de l'attribut d'élément en ligne

Les éléments en ligne ont également un modèle de boîte

Les éléments en ligne ont également un modèle de boîte, vous pouvez donc définir différents attributs CSS pour les éléments en ligne, tels que la largeur, la hauteur, le remplissage et les marges. , les éléments en ligne doivent-ils donc définir ces attributs ?

Définition de la largeur et de la hauteur des éléments en ligne

Il n'est pas valide de définir la largeur et la hauteur des éléments en ligne

.span1 {
    height: 200px;
    width: 200px;
}
 
<span class=&#39;span1&#39;>行内元素设置宽度和高度</span>

À l'heure actuelle, nous observez la page et la boîte À partir du modèle rendu, vous pouvez trouver :

Même si la largeur et la hauteur sont définies pour l'élément en ligne, la largeur et la hauteur spécifiques affichées par l'élément en ligne sont la largeur et la hauteur de l'élément en ligne. contenu lui-même, alors définissez la largeur et la hauteur de l'élément en ligne. High n'est pas valide

Le remplissage et la marge des paramètres d'élément en ligne

affecteront la gauche et la droite, mais pas le haut et le bas<🎜. >

<span class=&#39;span2&#39;>行内元素设置边距上下属性</span><br>
 
.span2 {
    padding-top: 20px;
    padding-bottom: 30px;
    margin-top: 40px;
    margin-bottom: 50px;
}

<span class=&#39;span3&#39;>行内元素设置边距左右属性</span><br>
 
.span3 {
    padding-left: 100px;
    padding-right: 200px;
    margin-left: 300px;
    margin-right: 400px;
}

Site Web PHP chinois !

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!