|
主题:[原创]科汛文章列表居左,日期居右CSS控制方法详解 [收藏主题] | 转到: |
版主的这个方法不错,但是日期居右是可以用标签控制的,看看我改造的效果吧,用<span></span>这个行内标记加左浮动进行控制,效果如图,文章id降序排列:
在建文章终极列表时,用css控制,附代码:
width:40px;height:25px; line-height:25px;font-size:14px; margin-right:6px;background-color: #99CCFF; color: #990000; text-align:center;font-weight:bold; float:left; ">序号</span> width:358px; height:25px; margin-right:6px; color: #990000; line-height:25px; background:#99CCFF; font-weight:bold; text-align:center;float:left;font-size:14px; ">文 章 标 题 </span> width:86px;height:25px; margin-right:6px; color: #990000; line-height:25px; background:#99CCFF; font-weight:bold; text-align:center;float:left;font-size:14px; ">作 者</span> width:113px;height:25px; margin-right:6px;color: #990000; line-height:25px;background:#99CCFF; font-weight:bold; text-align:center;float:left;font-size:14px; ">发布时间</span> width:55px;height:25px; color: #990000;l ine-height:25px; background:#99CCFF; font-weight:bold; text-align:center;float:right; font-size:14px; ">阅读数</span> width:40px;margin-right:6px; text-align:center;float:left;">{@id}</span> <span style="display:-moz-inline-box;inline-display:inline-block; width:358px; text-align:left;margin-right:6px;float:left;text-overflow:ellipsis; "><a href="{@linkurl}" target="_blank">{@title}</a></span> <span style="display:-moz-inline-box; display:inline-block;width:86px; text-align:center;margin-right:6px;float:left;">{@KS_XM}</span> <span style="display:-moz-inline-box;display:inline-block;width:113px; text-align:center;margin-right:6px;float:left;">{@adddate}</span> <span style="display:-moz-inline-box;display:inline-block;width:55px; text-align:center;float:right;">{@hits}</span></li> |
|
支持(0) | 反对(0) 顶端 底部 |
<上一主题 | 下一主题 > |