账号通
    

账号  

密码  

6391

查看

11

回复
主题:[原创]科汛文章列表居左,日期居右CSS控制方法详解 [收藏主题] 转到:  
chinamir 当前离线

322

主题

0

广播

0

粉丝
添加关注
级别:三年级

用户积分:990 分
登录次数:302 次
注册时间:2008/5/12
最后登录:2017/12/22
chinamir 发表于:2009/9/25 21:05:00   | 显示全部帖子 查看该作者主题 楼主 
科汛在线考试系统(NET)

版主的这个方法不错,但是日期居右是可以用标签控制的,看看我改造的效果吧,用<span></span>这个行内标记加左浮动进行控制,效果如图,文章id降序排列:


 



此主题相关图片如下:kk.jpg
kk.jpg


 


在建文章终极列表时,用css控制,附代码:



<span style="display:-moz-inline-box; display:block;


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>
 <span style="display:-moz-inline-box;display:block;


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>
 <span style="display:-moz-inline-box; display:block;


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>
 <span style="display:-moz-inline-box;display:block;


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>
 <span style="display:-moz-inline-box;display:block;


width:55px;height:25px;  color: #990000;l


ine-height:25px;  background:#99CCFF; font-weight:bold;


text-align:center;float:right; font-size:14px; ">阅读数</span>
[loop=15]
<li><span style="display:-moz-inline-box;display:inline-block;


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>
<div style="border-bottom:green 1px dotted;padding:0px;margin-bottom:0px"></div>
[/loop]

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.06641秒 powered by KesionCMS 9.0