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

Tutorial zur HTML-Tabellenauszeichnung (9): Zellabstandsattribut CELLSPACING

Damit die Tabelle nicht zu kompakt wirkt, kann zw...

Detaillierte Beispiele zur Verwendung der Box-Shadow-Eigenschaft in CSS3

CSS enthält viele Attribute. Manche Attribute wer...

Ein tiefer Einblick in die MySQL InnoDB-Speicher-Engine

Vorwort InnoDB gehört in MySQL zur Speicher-Engin...

Grafische Erklärung des MySQL-Abfragecaches

Inhaltsverzeichnis 1. Prinzipübersicht Query Cach...

So erstellen Sie mit Docker ein Basisimage der Python-Laufzeitumgebung

1. Vorbereitung 1.1 Laden Sie das Python-Installa...

So erweitern Sie die Kapazität der virtuellen Festplatte (VDI-Datei) von VirtualBox (grafisches Tutorial)

Suchen Sie das Installationsverzeichnis von Virtu...

Detaillierter Prozess zum Ändern des Hostnamens, nachdem Docker einen Container erstellt hat

Es gibt ein Heilmittel gegen Reue auf der Welt, s...

Beispiel zum Verlassen der Schleife in Array.forEach in js

Inhaltsverzeichnis forEach() Methode So springen ...

WeChat-Applet implementiert Taschenrechnerfunktion

In diesem Artikel wird der spezifische Code für d...

Detaillierte Erläuterung der Nginx-Timeout-Konfiguration

Ich habe kürzlich in einem Projekt nginx und im B...

Detaillierte Erklärung des Sticky Position-Attributs in CSS

Beim Entwickeln mobiler Apps stoßen Sie häufig au...

Drei Arten des HTML+CSS-Layouts (natürliches Layout/fließendes Layout/positioniertes Layout)

1. Natürliches Layout <br />Das Layout ohne ...

HTML5 und jQuery zum Implementieren von Vorschau-Codebeispielen vor dem Hochladen lokaler Bilder

HTML5 und jQuery implementieren die Vorschau loka...

Detaillierte Erklärung des Unterschieds zwischen Uniapp und Vue

Inhaltsverzeichnis 1. Einfaches Seitenbeispiel 2....

Vorgehensweise bei der Installation einer virtuellen VMware Workstation-Maschine

Virtuelle Maschinen sind eine sehr praktische Tes...