简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Ajouter une ligne de la fin du texte du titre à la fin du conteneur
P粉321676640
P粉321676640 2023-09-15 19:42:56
0
1
381

J'utilise ce CSS pour tracer une ligne de la fin du texte du titre à la fin du conteneur :

h1 { display: flex; } h1::after { content: ""; flex: auto; border-bottom: 3px solid #08A7FC; margin-bottom: 0.25em; }

Cela fonctionne bien jusqu'à ce que le texte du titre soit plus long qu'une ligne, car alors le h1 occupe toute la largeur du conteneur. Existe-t-il d'autres solutions pour y parvenir ? J'ai tout essayé pour ajouter une longue ligne noire à la fin de la balise title mais rien n'y fait. Soit la ligne est quelque part où elle ne devrait pas être, soit il n’y a pas de ligne du tout.

P粉321676640
P粉321676640

répondre à tous (1)
P粉165522886
P粉1655228862023-09-16 11:41:36 1 plancher

Donc, en rédigeant cette question, j'ai trouvé la solution. J'ai modifiépour ajouter une longue ligne noireà la fin de la balise titre de la réponse acceptée, en remplaçant "top" par "bottom"

h1::after { background: #08A7FC; content: ""; display: inline-block; height: 3px; position: absolute; bottom: 0.25em; width: 100%; } h1 { overflow: hidden; position: relative; }
Comme+0
Ajouter une réponse
    Sujets populaires
    Plus>
    Articles populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！