标签中，如何实现标题靠左，时间和点击数靠右？
作者：lwycherry
来源：本站原创
点击数： 次
发布时间：2009年11月25日
很多用户想实现列表标签在前台的样式为标题靠左，时间和点击数靠右的效果。
由于列表中的标题，一般都使用链接元素，所以这个标题在css文件中，应用a元素定义样式。
我们用siteFactory专业版的首页的“头条图文列表 ”做例子，我们找到头条图文列表的位置，代码如下：
头条图文
{PE.Label id="头条图文列表" titleLength="30" displayDateTime="mm-dd" /}
注意到红色代码，div的类元素是imgtitle，这个样式元素是在首页调用的defulat.css文件里，然后找到有关头条图文列表的样式定义，代码如下：
/* 头条图片显示列表 */
.imgtitle
{
padding: 0px;
margin: 0px;
}
.imgtitle li
{
width: 100%;
float:left;
border-bottom: 1px dotted #ccc;
}
.imgtitle img
{
width: 547px;
}
我们对此样式进行修改，添加红色代码，修改蓝色代码：
/* 头条图片显示列表 */
.imgtitle
{
padding: 0px;
margin: 0px;
}
.imgtitle li a
{
float:left;
}
.imgtitle li
{
width: 100%;
float:left; —— 改为：text-align:right;
border-bottom: 1px dotted #ccc;
}
前台效果如下：
