HTML에서 Li 태그 사용

高洛峰원래의: 2017-02-27 10:59:232999검색

날짜 범위에 float:right를 직접 추가하면 제목이 왼쪽에, 날짜가 오른쪽에 정렬되기를 바랍니다. IE8과 FF는 모두 괜찮지만 여기서는 IE6/7이 줄을 바꿉니다. 간단하고 효과적인 솔루션 방법입니다.

<!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>

참고: 범위는 Li 태그 앞에 작성되어야 IE6/IE7/FF3.5 이전 버전에서 범위의 날짜가 오른쪽 정렬될 수 있습니다. .

HTML에서 Li 태그 사용과 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

성명：

HTML에서 Li 태그 사용

관련 기사