li中的span右浮动问题

新闻列表中为了显示时间,加了个span
<LI><A href="{NS:FS_NewsURL}">{NS:FS_NewsTitle}</A><span style="float:right">{NS:FS_AddTime}</span></LI>
结果这个 span竟然跑到下面去了
经过一天时间无数次的上网查资料、修改、测试
问题还是没有解决
而且遇到了更灵异的事,给前面超链接加左 浮动,在ie下文字竟然跑到列表符号前面去了
无语
分析:ie下列表符号应该没有包含在li内
span本来不换行,加浮动后成了块 元素,顶部不能高于前一元素底部
于是我又改呀改改呀改
晕,还是没改好

最后在一个论坛发现有人这样解决了
把右浮 动放到左边去
<LI><span style="float:right">{NS:FS_AddTime}</span><A href="{NS:FS_NewsURL}">{NS:FS_NewsTitle}</A></LI>
试了一下 竟然好了
太神奇了
我想应该是放到前面的话他的前一元素就成上面的元素了

另一篇文章里:

例子:<h1 style=”display:inline;”>如何解决</h1><span style=”float:right;”>span右对齐的问题</span>这样的写法经过测试在IE8和firefox阅读器里可以准确显示在同一行,而在360阅读器中”span右对齐的问题”这几个字却显示到下一行的最右边,原因和解决方式如下:
当非float的元素和float的元素在一起的时候,假如非float元素在先,那么float的元素将被排挤
也就是说,你的span是float:right,但是前面h1的内容”如何解决”还是float:none,假如要<span>前后文字盘踞同一行,

一般有两个解决方式:
1、把<sapn style=”float:right”>span右对齐的问题</span>代码置于<h1>前
<sapn style=”float:right;”>span右对齐的问题</span>:<h1 style=”display:inline;”>如何解决</h1>
2、给前面的文本设置float属性
<h1 style=”display:inline;float:left;”>如何解决</h1><span style=”float:right;”>span右对齐的问题</span>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值