recherche

Maison  >  Article  >  interface Web  >  Que signifie inline en CSS

Que signifie inline en CSS

WBOY
WBOYoriginal
2021-12-29 11:40:324794parcourir

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Que signifie inline en CSS

En CSS, la valeur de l'attribut inline est utilisée en conjonction avec l'attribut display pour définir l'élément spécifié à afficher en tant qu'élément en ligne, sans saut de ligne avant et après le élément.

Les pages Web sont généralement une combinaison de deux éléments. L'un est un élément en ligne, qui est affiché en ligne. L'ajout de largeur et de hauteur n'a aucun effet. L'un est l'élément block, qui peut être ajouté avec la largeur et la hauteur correspondantes. Il est généralement utilisé dans la mise en page des pages Web. Le plus couramment utilisé est la balise

.

display:block; signifie convertir des éléments en ligne en éléments de bloc

et le display:inline; correspondant signifie convertir des éléments de bloc en éléments en ligne

Par exemple :

< ;/span> Si vous souhaitez l'utiliser comme balise comme

, alors display:block peut être utilisé ! [Il convient de noter qu'il est préférable d'utiliser des balises pour suivre les normes WEB]

est un élément de niveau bloc. pour être affiché sur une seule ligne, vous pouvez alors définir display:inline; pour la balise

  • L'exemple est le suivant : 

    <html>
<head>
<style type="text/css">
p {display: inline}
div {display: none}
</style>
</head>
<body>
<p>本例中的样式表把段落元素设置为内联元素。</p>
<p>而 div 元素不会显示出来！</p>
<div>div 元素的内容不会显示出来！</div>
</body>
</html>

    Résultat de sortie :

    Que signifie inline en CSS

    (Partage de vidéo d'apprentissage : css video. tutoriel)

    • 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!

    html5 css css3 display ul li
    Déclaration：
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Article précédent：Quelle est la différence entre le pourcentage d'unité de style CSS et pxArticle suivant：Quelle est la différence entre le pourcentage d'unité de style CSS et px

    Articles Liés

    Voir plus