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

Bringen Sie Ihnen den detaillierten Prozess der Installation von DOClever mit Docker Compose bei

Inhaltsverzeichnis 1. Was ist Docker Compose und ...

Ubuntu 20.04 – Bestes Konfigurationshandbuch (unverzichtbar für Anfänger)

1. Systemkonfiguration 1. Deaktivieren Sie das Su...

Beispielcode zum Erstellen von Desktop-Anwendungen mit Vue + Electron

1.vue-Verpackung Hier verwenden wir den Befehl „v...

W3C Tutorial (2): W3C Programme

Der W3C-Standardisierungsprozess ist in 7 verschi...

Natives js imitiert die Pulldown-Aktualisierung eines Mobiltelefons

In diesem Artikel wird der spezifische Code von j...

Detaillierte Erklärung des HTML-Bereichs-Tags

Der <area>-Tag definiert einen Bereich in e...

Über 3 gängige Pakete der REM-Anpassung

Vorwort Ich habe bereits einen Artikel über REM-A...

Beispielanalyse des asynchronen Verhaltens von Popup-Fenstern auf Front-End-Webseiten von Vue.js

Inhaltsverzeichnis 1. Vorwort 2. Finden Sie zwei ...

Einführung in die MySQL-Operatoren <> und <=>

<> Operator Funktion: Zeigt an, dass es ung...

Detaillierte Erläuterung des Prozesses, mit dem Nginx die echte Quell-IP erhält, nachdem mehrere Proxy-Ebenen durchlaufen wurden

Frage Nginx nimmt $remote_addr als echte IP-Adres...

Zehn Erfahrungen im Webdesign im Jahr 2008

<br />Das Internet verändert sich ständig un...

Dieser Artikel hilft Ihnen, die spezifische Verwendung von cgroup in Docker gründlich zu verstehen

Inhaltsverzeichnis Was ist cgroup Zusammensetzung...

Tab-Effekte mit JS schreiben

In diesem Artikelbeispiel wird der spezifische Co...

Erläuterung der Anwendungsfälle von JavaScript setTimeout und setTimeinterval

Mit beiden Methoden kann ein JavaScript-Code nach...

Das Implementierungsprinzip von Tomcat zur Korrektur des nativen Threadpool-Fehlers des JDK

Um die Verarbeitungsleistung und Parallelität zu ...