Beispiele für die Verwendung des Li-Tags in HTML

Beispiele für die Verwendung des Li-Tags in HTML

Ich möchte den Titel links und das Datum rechts ausrichten. Wenn ich float:right direkt zum Datumsbereich hinzufüge, ist das bei IE8 und FF in Ordnung, aber bei IE6/7 wird es umgebrochen. Hier ist eine einfache und effektive Lösung.

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >     
  2. < html   xmlns = "http://www.w3.org/1999/xhtml" >     
  3. <Kopf>​​   
  4.     < Meta   http-equiv = "Inhaltstyp"   Inhalt = "Text/HTML; Zeichensatz=utf-8"   />   
  5.     <Titel> </Titel>​​​​   
  6. < Stil >   
  7. <!--
  8.   
  9. #meineListe { Breite:400px; Listenstiltyp:keine; Rand:0; Polsterung:0; }
  10. #meineListe li span {
  11. schweben: rechts;
  12. }
  13. -- >     
  14. </ Stil >     
  15. </ Kopf >     
  16. < Textkörper >     
  17. < ul   id = "meineListe" >   
  18.   
  19.          < li > < span > 2011-12-2 </ span > Webentwickler-Netzwerk (Admin10000.com) </ li >   
  20.          < li > < span > 2011-12-2 </ span > Webentwickler-Netzwerk (Admin10000.com) </ li >   
  21.          < li > < span > 2011-12-2 </ span > Webentwickler-Netzwerk (Admin10000.com) </ li >             
  22. </ ul >   
  23.   
  24. </ Körper >     
  25. </ html >     

Hinweis: Der Span sollte ganz am Anfang des Li-Tags geschrieben werden, damit das Datum im Span in Versionen vor IE6/IE7/FF3.5 rechtsbündig ausgerichtet werden kann.

<<:  Einige Vorschläge für HTML-Anfänger und Neulinge, Experten können sie ignorieren

>>:  Details zu MySQL-Zeittypen und -Modi

Artikel empfehlen

Warum wird nicht empfohlen, in Vue eine leere Zeichenfolge als Klassennamen zu verwenden?

Inhaltsverzeichnis Vergleichen Sie die leere Zeic...

Was sind MySQL-Dirty-Pages?

Inhaltsverzeichnis Schmutzige Seiten (Speichersei...

Detaillierte Erklärung der Text-Fill-Color-Eigenschaft in CSS3

Was bedeutet Textfüllfarbe? Rein wörtlich bedeute...

Beheben Sie den Nginx-Fehler „504 Gateway Time-out“

Studenten, die Websites erstellen, stellen häufig...

Anwendungsszenarien und Entwurfsmethoden für MySQL-Tabellen- und Datenbank-Sharding

Viele Freunde haben in Foren und Nachrichtenberei...

Lösung für das Problem der verstümmelten Webseiten, wenn die Kodierung auf UTF-8 eingestellt ist

Als ich kürzlich Webseiten mit PHP schrieb, habe i...

Details und Beispielcode der MySQL-Replikationstabelle

Detaillierte Erklärung der MySQL-Replikationstabe...

Linux-Schritte zum Konfigurieren der lokalen Yum-Quelle, der inländischen Yum-Quelle und der Epel-Quelle

1. Konfigurieren Sie die lokale Yum-Quelle 1. Mou...

Erfahrung in der Lösung von Tomcat-Speicherüberlaufproblemen

Vor einiger Zeit habe ich Testern eine Produktver...

HTML verwendet Laufschrift, um Text nach links und rechts scrollen zu lassen

Code kopieren Der Code lautet wie folgt: <KÖRP...

Detaillierte Erläuterung der Installation des Nginx-Servers und der Lastausgleichskonfiguration auf einem Linux-System

nginx (Engine x) ist ein leistungsstarker HTTP- u...

Vue Shuttle-Box ermöglicht Auf- und Abbewegung

In diesem Artikelbeispiel wird der spezifische Co...

js-Code, der den Button mit der Eingabetaste verknüpft

Code kopieren Der Code lautet wie folgt: <html...

Vergleichende Analyse der Hochverfügbarkeitslösungen von Oracle und MySQL

Was die Hochverfügbarkeitslösungen für Oracle und...

Einführung in mögliche Probleme nach der Installation von Tomcat

1. Der Tomcat-Dienst ist nicht geöffnet Geben Sie...