账号通
    

账号  

密码  

6397

查看

10

回复
主题:求日期右对齐的CSS代码。 [收藏主题] 转到:  
chigeshima 当前离线

72

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:947 分
登录次数:113 次
注册时间:2006/5/18
最后登录:2007/2/13
chigeshima 发表于:2007/1/17 16:26:00   | 只看该作者 查看该作者主题 楼主 
科汛在线商城系统(NET)

<ul>
  <li><a href="/Html/wzzx/zjhb/gzzj/2007-1-11/94202.htm" target="_blank" title="统计人员年终工作总结">统计人员年终工作总结</a>&nbsp;<span>[01月11日]</span></li>
  <li><a href="/Html/wzzx/zjhb/gzzj/2007-1-11/536054941599.htm" target="_blank" title="工商局干部2004年度个人工作总结">工商局干部2004年度个人工作总结</a>&nbsp;<span>[01月11日]</span></li>

</ul>

日期右对齐如何做?按下面做的话就变成两行了。

#main_r1_c2_list span{
 float:right;
 width:60px;
}

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
alluse 当前离线

1654

主题

0

广播

0

粉丝
添加关注
级别:高一年

用户积分:2915 分
登录次数:189 次
注册时间:2006/10/25
最后登录:2008/6/8
alluse 发表于:2007/1/19 8:30:00   | 只看该作者 查看该作者主题 沙发 

不要那么多的定义,我帮你试试。

这个思想:定义好li和li里面的绝对宽度,如 li 200px span 30px

让span float right  ,记得不要加 padding border什么,要加得注意对宽度的影响。


[此贴子已经被作者于2007-1-19 9:40:06编辑过]

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
ホホ彡 当前离线

311

主题

0

广播

0

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

用户积分:1794 分
登录次数:273 次
注册时间:2006/6/18
最后登录:2009/7/1
ホホ彡 发表于:2007/1/18 21:29:00   | 只看该作者 查看该作者主题 藤椅 
做在线知识付费 选科汛云开店

line-height:200%;

的问题.这样的话就是两行了

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
chigeshima 当前离线

72

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:947 分
登录次数:113 次
注册时间:2006/5/18
最后登录:2007/2/13
chigeshima 发表于:2007/1/18 20:06:00   | 只看该作者 查看该作者主题 板凳 
科汛在线网校系统

搞定:

设置li的position:relative;

设置span的position:absolute;left:450px;

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
南柯一梦 当前离线

400

主题

0

广播

0

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

用户积分:3285 分
登录次数:338 次
注册时间:2006/8/14
最后登录:2015/4/13
南柯一梦 发表于:2007/1/18 13:52:00   | 只看该作者 查看该作者主题 报纸 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
chigeshima 当前离线

72

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:947 分
登录次数:113 次
注册时间:2006/5/18
最后登录:2007/2/13
chigeshima 发表于:2007/1/18 11:05:00   | 只看该作者 查看该作者主题 地板 
做在线知识付费 选科汛云开店

这次用指定A的宽度方法也实现不了“右对齐”了。还是要指定span的CSS。如何做?

<ul>
  <li>[<a  href="/Html/wzzx/zjhb/gzzj/index.htm" target="_blank">工作总结</a>]<a href="/Html/wzzx/zjhb/gzzj/2007-1-11/94202.htm" target="_blank" title="统计人员年终工作总结">统计人员年终工作总结</a>&nbsp;<span>2007年01月11日</span></li>
  <li>[<a  href="/Html/wzzx/zjhb/gzzj/index.htm" target="_blank">工作总结</a>]<a href="/Html/wzzx/zjhb/gzzj/2007-1-11/536054941599.htm" target="_blank" title="工商局干部2004年度个人工作总结">工商局干部2004年度个人工作总结</a>&nbsp;<span>2007年01月11日</span></li>
  <li>[<a  href="/Html/wzzx/zjhb/gzzj/index.htm" target="_blank">工作总结</a>]<a href="/Html/wzzx/zjhb/gzzj/2007-1-11/85961.htm" target="_blank" title="森林公安工作总结材料">森林公安工作总结材料</a>&nbsp;<span>2007年01月11日</span></li>

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
chigeshima 当前离线

72

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:947 分
登录次数:113 次
注册时间:2006/5/18
最后登录:2007/2/13
chigeshima 发表于:2007/1/18 10:00:00   | 只看该作者 查看该作者主题 7楼 
科汛智能建站系统

勉强用指定A的宽度方法实现了“右对齐”。不能算真正意义上的右对齐。CSS还要学啊!

#main_r1_c2_list a{
 float:left;
 width:190px;
 margin:0px;
 padding:0px;
}

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
chigeshima 当前离线

72

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:947 分
登录次数:113 次
注册时间:2006/5/18
最后登录:2007/2/13
chigeshima 发表于:2007/1/18 9:45:00   | 只看该作者 查看该作者主题 8楼 
科汛在线考试系统(NET)

ホホ彡的办法没有达到效果,还是两行。

alluse的方法不太好做,这些代码是标签生成的,可以调整吗?

把有关的CSS都贴上,请再看看:

#main_r1_c2_list ul{
 margin:0px;
 width:550px;
 padding:0px;
 list-style-type: none;
}
#main_r1_c2_list  li{
 margin:0px;
 width:260px;
 padding:0px 5px 0px 10px;
 float:left;
 line-height:200%;
 border-bottom: 1px dashed #666666;
 background: url(Default/Navi.gif) no-repeat;
}


#main_r1_c2_list a{
 width:200px;
}


[此贴子已经被作者于2007-1-18 9:47:37编辑过]

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
天下有雪 当前离线

653

主题

0

广播

0

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

用户积分:4882 分
登录次数:550 次
注册时间:2006/10/10
最后登录:2012/3/1
天下有雪 发表于:2007/1/17 20:43:00   | 只看该作者 查看该作者主题 9楼 
做在线知识付费 选科汛云开店
alluse斑斑的网站什么时候让我们看看啊,好多向你学习学习啊!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
alluse 当前离线

1654

主题

0

广播

0

粉丝
添加关注
级别:高一年

用户积分:2915 分
登录次数:189 次
注册时间:2006/10/25
最后登录:2008/6/8
alluse 发表于:2007/1/17 19:02:00   | 只看该作者 查看该作者主题 10楼 
科汛在线网校系统


<li><span>[01月11日]</span> <a href="/Html/wzzx/zjhb/gzzj/2007-1-11/94202.htm" target="_blank" title="统计人员年终工作总结">统计人员年终工作总结</a></li>

hehe,你这样子就好了。
 

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