Que signifie inline en CSS-Questions et réponses frontales-php.cn

Que signifie inline en CSS

WBOY

Libérer： 2021-12-29 11:40:32

original

4771 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