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

Die Verwendung von Li-Tags in HTML

高洛峰
高洛峰Original
2017-02-27 10:59:233012Durchsuche

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>

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!

Stellungnahme:
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