Heim > Web-Frontend > HTML-Tutorial > Die Verwendung von Li-Tags in HTML

Die Verwendung von Li-Tags in HTML

高洛峰
Freigeben: 2017-02-27 10:59:23
Original
3019 Leute haben es durchsucht

Ich hoffe, dass der Titel nach links und das Datum nach rechts ausgerichtet wird. Wenn Sie float:right direkt zum Datumsbereich hinzufügen, sind sowohl IE8 als auch FF in Ordnung, IE6/7 jedoch 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: Der Bereich muss am Anfang des Li-Tags geschrieben werden, damit das Datum im Bereich in Versionen vor IE6/IE7/FF3 rechtsbündig ausgerichtet werden kann .5.

Weitere Artikel zur Verwendung von Li-Tags in HTML finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage