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

Detaillierte Erläuterung der Methoden zur Überprüfung und Verwaltung von MySQL-Benutzerrechten

Dieser Artikel veranschaulicht anhand von Beispie...

Das Front-End muss wissen, wie Bilder verzögert geladen werden (drei Methoden)

Inhaltsverzeichnis 1. Was ist Lazy Loading? 2. Im...

Lassen Sie uns über das Problem der Vue-Integration der SweetAlert2-Eingabeaufforderungskomponente sprechen

Inhaltsverzeichnis 1. Projektintegration 1. CDN-I...

Detaillierte Erklärung des Ref-Attributs von Vue

Zusammenfassen Dieser Artikel endet hier. Ich hof...

Detaillierte Erläuterung der globalen Parameterpersistenz in den neuen Funktionen von MySQL 8

Inhaltsverzeichnis Vorwort Persistenz globaler Pa...

So benennen Sie in Linux mehrere Dateien gleichzeitig um

Vorwort In unserer täglichen Arbeit müssen wir hä...

So stellen Sie Solidity-Smart-Contracts mit ethers.js bereit

Wenn Sie DApps auf Ethereum entwickelt haben, hab...

Gemessenes Bild - HTTP-Anforderung

Bitte öffnen Sie die Testseite in einem gängigen ...

Lösung für das Problem des IP-Verlusts durch das Kopieren der virtuellen Centos8-Maschine unter VMWARE

Nach der Installation eines Centos8-Dienstes unte...

HTML-Kopfstruktur

Im Folgenden werden die häufig verwendete Kopfstr...

Detaillierte Einführung in den MySQL-Datenbankindex

Inhaltsverzeichnis Mindmap Einfaches Verständnis ...

JavaScript zum Implementieren der Anzeige von Suchdaten

In diesem Artikel wird der Datenanzeigecode für d...

Detaillierte Erläuterung des Prozesses zum Erstellen von Prometheus + Grafana basierend auf Docker

1. Einführung in Prometheus Prometheus ist eine O...

Kostenlose MySQL-Installationsversion (zip) – ausführliches Tutorial zur Installation und Konfiguration

In diesem Artikel finden Sie das Installations- u...

Installationstutorial für MySQL 5.7 unter CentOS 7

1. Laden Sie das offizielle MySQL Yum Repository ...