So implementieren Sie die rechte Ausrichtung von Datum und Titel im Li-Tag-H5-Tutorial-php.cn

So implementieren Sie die rechte Ausrichtung von Datum und Titel im Li-Tag

巴扎黑

Freigeben： 2018-05-18 17:17:50

Original

4423 Leute haben es durchsucht

Ich hoffe, dass der Titel nach links und das Datum nach rechts ausgerichtet wird. Wenn float:right direkt zur Spanne des Datums hinzugefügt wird, sind sowohl IE8 als auch FF in Ordnung, aber IE6/7 wird das umbrechen Hier ist eine einfache und effektive Lösung.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title></title>
<style>
<!--

#mylist { width:400px; list-style-type:none; margin:0; padding:0; }
#mylist li span {
        float:right; 
}
--> 
</style> 
</head> 
<body> 
<ul id="mylist">

        <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>
        <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>
        <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>         
</ul>

</body> 
</html>

Nach dem Login kopieren

Hinweis: Sie müssen span an den Anfang des Li-Tags schreiben, damit das Datum in span in Versionen vor IE6/IE7/FF3.5 rechtsbündig ausgerichtet werden kann.

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die rechte Ausrichtung von Datum und Titel im Li-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!