美文网首页
关于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