css span右对齐 css li标签中span日期靠右布局实现代码

前端  /  管理员 发布于 7年前   248


复制代码代码如下:
<!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=gb2312" />
<title>css教程 li span日期靠右排列实例</title>
<style>
.artlist{height:100%; overflow:hidden; margin:10px;}
.artlist ul{ margin:0px;}
.artlist ul li{ list-style:none;line-height:28px;}
.artlist ul li span{ float:right;padding-right:10px;}
.artlist ul li a{ color:#333;}
</style>
</head>
<body>
<table width="98%" border="0" class="artbody">
<tr>
<td >
<div class="artlist">
<ul>
<li><span>2011-03-22</span><a href="https:/css/a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="https:/css/a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="https:/css/a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="https:/css/a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="https:/css/a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="https:/css/a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="https:/css/a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="https:/css/a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="https:/css/a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
</ul>
</div>
</td>
</tr>
</table>
</body>
</html>


  • 上一条：
    css中使用if条件在各大浏览器(IE6\IE7\IE8)中hack方法解决教程
    下一条：
    CSS伪类:before在元素之前 :after 在元素之后实例讲解

    • 昵称：

    邮箱：

    0条评论 (评论内容有缓存机制,请悉知!)
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客