Comprendre les éléments Block, Inline et Inline-Block
Les éléments HTML se comportent différemment selon qu'ils sont bloc, en ligne ou inline-block. Ces types d'affichage influencent la mise en page, l'espacement et les propriétés CSS utilisables.
Éléments de type bloc
- Commencent sur une nouvelle ligne ;
- Occupent toute la largeur de leur conteneur ;
- Prennent en charge les propriétés width, height, margin, padding et border.
Exemples courants : <div>, <p>, <ul>, <li>, <h1>–<h6>.
index.html
index.css
Éléments en ligne
- Restent sur la même ligne ;
- Occupent uniquement l'espace nécessaire à leur contenu ;
- Ne peuvent pas avoir de largeur ou de hauteur appliquée (mais la bordure fonctionne).
Exemples courants : <a>, <span>, <img>, <input>.
index.html
index.css
Éléments en ligne-bloc
- Restent en ligne, comme le texte ;
- Prennent en charge largeur, hauteur, marge, remplissage et bordure, comme les éléments de type bloc.
Exemples : <button>, <select>, <textarea>.
Utiles lorsque plusieurs éléments doivent être côte à côte tout en permettant un contrôle total du style.
index.html
index.css
1. Quelle est la principale différence entre les éléments block et inline ?
2. Lequel des éléments suivants est un exemple d’élément block ?
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Can you explain the main differences between block, inline, and inline-block elements?
Which HTML elements are typically block, inline, or inline-block?
Can you give examples of when to use each display type in a web page?
Génial!
Completion taux amélioré à 2.56Comprendre les éléments Block, Inline et Inline-Block
Glissez pour afficher le menu
Les éléments HTML se comportent différemment selon qu'ils sont bloc, en ligne ou inline-block. Ces types d'affichage influencent la mise en page, l'espacement et les propriétés CSS utilisables.
Éléments de type bloc
- Commencent sur une nouvelle ligne ;
- Occupent toute la largeur de leur conteneur ;
- Prennent en charge les propriétés width, height, margin, padding et border.
Exemples courants : <div>, <p>, <ul>, <li>, <h1>–<h6>.
index.html
index.css
Éléments en ligne
- Restent sur la même ligne ;
- Occupent uniquement l'espace nécessaire à leur contenu ;
- Ne peuvent pas avoir de largeur ou de hauteur appliquée (mais la bordure fonctionne).
Exemples courants : <a>, <span>, <img>, <input>.
index.html
index.css
Éléments en ligne-bloc
- Restent en ligne, comme le texte ;
- Prennent en charge largeur, hauteur, marge, remplissage et bordure, comme les éléments de type bloc.
Exemples : <button>, <select>, <textarea>.
Utiles lorsque plusieurs éléments doivent être côte à côte tout en permettant un contrôle total du style.
index.html
index.css
1. Quelle est la principale différence entre les éléments block et inline ?
2. Lequel des éléments suivants est un exemple d’élément block ?
Merci pour vos commentaires !
