为什么标签LI中SPAN无法向右平行浮动?怎么才能让后面的span跟li对齐,其他浏览器可以,但是ie7就不行.问题如图:
方法1:
一行中,只有一个块元素浮动,一定会错位的,如果你不想给“文章名字”也加个span内嵌,那就只有为 a 加上float:left;了,这样就可以了。
方法2:
给设置 float:right;
代码像这样写:
<li><span>2014-3-25</span>这里是文字标题</li>
方法1感觉是可以的,但是没有亲自实践;我用的方法2,确实管用!
想在一个无序列表中显示新闻标题,标题向左浮动,新闻发布日期向右浮动,列表在一个固定宽度的div里,但设置了两个span的float属性后,样式发生了错乱,怎样解决这个问题呢?
HTML结构如下:
新闻标题
(3月11日)
两种方法,一个是右浮的写在前面,定义右浮动
另一个是按顺序写,左边的定义左浮动,右边的定义右浮动,但这样外盒的高度要给定一下,要不容易出问题
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
.top{
width:400px;border:1px solid gray;line-height:2em;
}
.left{
float:left;
display:inline;
}
.right{
float:right;
display:inline;
}
HEAD>
<BODY>
右浮动:
右边内容写在左边左边内容写在右边
左右浮动:
左边内容写在左边右边内容写在右边
BODY>
</HTML>