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

ttx9n · 发表于 2012-12-18 11:40:59

在网页布局中经常会碰到新闻标题靠左日期靠右，想要实现这种布局效果，需要在代码上下点功夫，本人比较上心，也遇到此问题，于是搜集整理一下，需要的朋友可以参考下
复制代码代码如下:
<!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="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
</ul>
</div>
</td>
</tr>
</table>
</body>
</html>

4r8oiin60 · 发表于 2023-1-26 16:43:49

刷屏刷屏刷屏

bp5jgbcnt · 发表于 2023-2-25 11:46:41

啪啪啪生怕PSP怕

errol123 · 发表于 2023-9-7 01:52:14

看看怎么样再说

gyalp · 发表于 2023-9-7 03:24:13

为全额万千瓦

j__j33p · 发表于 2024-6-8 01:53:11

问问问企鹅哇哇哇哇哇

r8st9 · 发表于 2024-6-11 00:42:14

谢谢楼主分享

dingzhi521 · 发表于 2024-6-29 08:32:21

刷屏刷屏刷屏

v3sfsi · 发表于 2024-8-12 08:24:03

554411515451555

7jbiiz · 发表于 2024-8-22 03:00:52

很不错的样子

账号		自动登录	找回密码
密码			立即注册

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

相关帖子