Que signifie inline en CSS

WBOY
Libérer: 2021-12-29 11:40:32
original
4797 Les gens l'ont consulté

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>
    Copier après la connexion

    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!

    Étiquettes associées:
    css
    source:php.cn
    Déclaration de ce site Web
    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
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal