美文网首页
关于ul li span的问题(IE兼容问题)

关于ul li span的问题(IE兼容问题)

作者: 筱筱2019 | 来源:发表于2019-03-09 23:06 被阅读0次

为什么标签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>

<TITLE> New Document TITLE>

.top{

width:400px;border:1px solid gray;line-height:2em;

}

.left{

float:left;

display:inline;

}

.right{

float:right;

display:inline;

}

HEAD>

<BODY>

右浮动:

右边内容写在左边左边内容写在右边 

左右浮动:

左边内容写在左边右边内容写在右边

BODY>

</HTML>  

相关文章

网友评论

      本文标题:关于ul li span的问题(IE兼容问题)

      本文链接:https://www.haomeiwen.com/subject/kercuqtx.html