HTML中span中文字下移,解决css给span加float:right-右浮动后内容下移
貌似有不少网友遇到过这样一个问题,在做新闻列表页(有标题和发布时间的那种)时,自己对发布日期用了float:right后,日期跑到下面去了,这个问题,我也遇到过,在此分享一下解决办法。关于这个问题我们先来看一个例子:-//W3C//DTDXHTML1.0Transitional//EN ““http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra...
·
貌似有不少网友遇到过这样一个问题,在做新闻列表页(有标题和发布时间的那种)时,自己对发布日期用了float:right后,日期跑到下面去了,这个问题,我也遇到过,在此分享一下解决办法。
关于这个问题我们先来看一个例子:-//W3C//DTD XHTML 1.0 Transitional//EN “ “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd “>
无标题文档span{
float: right;
}
- 文章标题2010-10-10
上面的例子看似没问题,但实际效果是日期往下跑了,出现这个问题的原因是这样的:
当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥,也就是说,你的span是float:right,但是你的a还是float:none;
如果要让两者占据同一行,要么你把span先于a显示,要么把a也设成float(float:left)。
That’s all~
更多推荐
已为社区贡献2条内容
所有评论(0)