简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Titel umgeschrieben als: Wie richtet man Listenelemente am obigen Text aus?
P粉463840170
P粉463840170 2023-09-09 15:47:47
0
2
519

Mit ungültigem HTML kann ich das gewünschte Aussehen erzielen, aber nicht mit gültigem HTML. Gibt es CSS, mit dem ich

konfigurieren kann, um den Effekt von zu simulieren?

Ich möchte, dass das Erscheinungsbild links und der gültige HTML-Code rechts angezeigt wird.

Ungültiges HTML:

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

Gültiges HTML:

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

Antworte allen (2)
P粉447785031
P粉4477850312023-09-10 12:58:12 2 Etage

您应该使用开发工具检查用户代理值

例如，TD下的第一个元素是ul或figure。在Chrome中的标准如下：

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; }

因此，如果您想保持figure与ul布局，请在您的样式中添加figure，覆盖破坏布局的属性，并添加所需的属性。

Wie+0
Antwort hinzufügen
    P粉138871485
    P粉1388714852023-09-10 12:13:31 1 Etage

    只是添加一些样式来重置默认样式。

    ul { padding: 0; margin: 0; list-style-position: inside; }
     
     颜色代码指南 
     
       
    •  注释 
      •  
    •  处理器指令 
      •  
    •  #ifndef 名称 
      •  
    •  库包含 
      •  
    •  用户定义的包含 
      •  
    •  库函数 
      •  
    •  初始化函数 
      •  
    • 用户定义的函数
      •  
    •  关键字 
      •  
    •  重要符号 
      •
    Wie+0
    Antwort hinzufügen
      Beliebte Themen
      Mehr>
      Populäre Artikel
      Beliebte Tutorials
      Mehr>
      Verwandte Tutorials
      Beliebte Empfehlungen
      Aktuelle Kurse
      Neueste Downloads
      Mehr>
      Web-Effekte
      Quellcode der Website
      Website-Materialien
      Frontend-Vorlage
      Über uns Haftungsausschluss Sitemap
      Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！