css span右对齐 css li标签中span日期靠右布局实现代码
发布时间：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>
相关文章
- 为了使表单元素和文字都垂直居中对齐，当文本框和下拉框都没问题，但是单选框和复选框就了，经过反复测试终于完整搞定与大家分享，感兴趣的各位可不要错过了哈2013-03-21
- checkbox与文字不对齐会影响美观本文将将介绍解决方法：需要checkbox居中对其 然后文字也要居中对齐，checkbox在FF和IE下表现不一样;不管你怎么设置默认的margin和padding2013-01-21
- 修改图片大小对齐间隔边框属性,这些操作在开发过程中很常见，也很实用，本文对此进行详细介绍下，感兴趣的朋友可以了解下啊2013-01-20
css 垂直对齐 css中vertical-align属性(垂直对齐)的使用说明
这两天写个页面css的时候用到了vertical-align属性，使用过程中踩到了坑,因此整理了一些，以备不时之需，感兴趣的朋友可以了解下哦2013-01-09- div中加入span右对齐后，出现了换行问题，一般思路的话一定是认为通过
分开两列，一个align=left,另一个align=right；很是疑惑，于是利用闲暇时间，搜索整理下，晒出来 2012-12-19 一个文本框旁边一个按钮是很经常用到的网页内容，比如搜索框等等，而如果旁边的按钮使用图像的话，他们竖直方向就很不容易对齐,这一直是大家所头疼的问题，于是搜集整理一2012-12-11表单元素radio select对齐与IE6下双边距问题解决方案
之前一直困扰自己的一个问题就是表单内radio、select等的对齐问题，搞得自己相当恼.今天终于花了些时间找到了好的解决方法.也希望能够帮到跟我同样闻form色变的人2012-12-07网页中form表单的元素会出现一些问题：比如文本域和按钮对齐问题,这个问题会影响到界面的美观度，本文将介绍如何解决此类问题，需要了解的朋友可以参考下2012-11-30表单元素input、文字完美垂直居中对齐方法.2012-07-11一做站的朋友问我为什么同时使用FLOAT:LEFT 和RIGHT的时候不在同一水平线上，二是在另一行，举个例子，大家一看就明白了2010-11-02
最新评论