CSS : modifier l'espacement entre les éléments de la liste
P粉436410586
P粉436410586 2024-04-02 15:46:38
0
1
345

J'ai essayé d'éditer le CSS de la liste mais je n'ai pas trouvé comment accéder correctement aux lignes et ajuster la hauteur entre les éléments de la liste.

Lien du site : https://denkimedia.com/prod/K2211001/test/

Le menu s'ouvre

Mais je ne sais pas comment fixer la taille entre les éléments de la liste :

La liste d'affichage est anormale

Des idées ? :)

J'ai modifié la position et les espaces dans article-verticle.css pour ajuster les lignes.

.flowpaper-reflow-tocitem{ 位置:相对;空白:正常;

Le remplissage, les marges et la hauteur n'ont aucun effet sur l'ajustement de l'espacement entre les lignes.

P粉436410586
P粉436410586

répondre à tous(1)
P粉654894952

Veuillez appliquer le CSS suivant :

li.flowpaper-reflow-tocitem-listitem {
    margin-left: -13px !important;
    min-height: 38px;
    display: flex;
    align-items: center;
    background: #4f84eb;
    margin-bottom: 5px;
    border-radius: 5px;
}

li.flowpaper-reflow-tocitem-listitem .flowpaper-reflow-tocitem {
    font-family: Lato;
    color: #fff;
    text-decoration: none;
    display: block;
    padding-left: 12px;
    white-space: break-spaces;
    line-height: 1.2;
}

Vous obtiendrez des résultats comme celui-ci : https://i.stack.imgur.com/ZEnPs.png

Si vous rencontrez des problèmes, veuillez me le faire savoir

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!