简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Titre réécrit comme suit : Comment aligner les éléments de la liste avec le texte ci-dessus ?
P粉463840170
P粉463840170 2023-09-09 15:47:47
0
2
510

Avec du HTML invalide, je peux obtenir l'apparence que je souhaite, mais pas avec du HTML valide. Existe-t-il un CSS qui me permet de configurer

ou
pour simuler l'effet de ?

Je veux que son apparence soit à gauche et le code HTML valide à droite.

HTML invalide :

body { margin: auto; padding: 0 5px 0 5px; font-family: Tahoma, Verdana, sans-serif; font-size: 12pt; background-color: black; color: white; }
     颜色代码指南 
  •  注释 
    •  
  •  处理器指令 
    •  
  •  #ifndef name 
    •  
  •  库包含 
    •  
  •  用户定义的包含 
    •  
  •  库函数 
    •  
  •  初始化函数 
    •  
  • 用户定义的函数
    •  
  •  关键字 
    •  
  •  重要符号 
    •

HTML valide :

body { margin: auto; padding: 0 5px 0 5px; font-family: Tahoma, Verdana, sans-serif; font-size: 12pt; background-color: black; color: white; }
 
 颜色代码指南 
 
     
  •  注释 
    •  
  •  处理器指令 
    •  
  •  #ifndef name 
    •  
  •  库包含 
    •  
  •  用户定义的包含 
    •  
  •  库函数 
    •  
  •  初始化函数 
    •  
  • 用户定义的函数
    •  
  •  关键字 
    •  
  •  重要符号 
    •

P粉463840170
P粉463840170

répondre à tous (2)
P粉447785031
P粉4477850312023-09-10 12:58:12 2 plancher

Vous devez vérifier la valeur de l'agent utilisateur à l'aide des outils de développement

Par exemple, le premier élément sous TD est ul ou figure. Les standards dans Chrome sont les suivants :

ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } figure { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 40px; margin-inline-end: 40px; }

Donc, si vous souhaitez conserver la mise en page figure par rapport à ul, ajoutez une figure dans votre style, remplacez les attributs qui brisent la mise en page et ajoutez les attributs requis.

Comme+0
Ajouter une réponse
    P粉138871485
    P粉1388714852023-09-10 12:13:31 1 plancher

    Ajoutez simplement quelques styles pour réinitialiser les styles par défaut.

    ul { padding: 0; margin: 0; list-style-position: inside; }
     
     颜色代码指南 
     
       
    •  注释 
      •  
    •  处理器指令 
      •  
    •  #ifndef 名称 
      •  
    •  库包含 
      •  
    •  用户定义的包含 
      •  
    •  库函数 
      •  
    •  初始化函数 
      •  
    • 用户定义的函数
      •  
    •  关键字 
      •  
    •  重要符号 
      •
    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！