IE和edge浏览器下li中的问题?

*这个问题只会在IE和edge下产生,火狐和chrome下没有问题

li下的span和li不在一行,,

 <style>
            .div1{
                border: 1px solid green;
                height: 21px;
                width: 300px;

            }
            .div2{
                display: block;
                width: 290px;
                height: 21px;
                line-height: 21px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
        </style>
<ul>
        <li class="div1">
            <span class="div2">aaaaaaaaaaaaaaaa</span>
        </li>
</ul>

图片说明

span取消display或者overflow;
span添加浮动样式都会正常

请问这是什么原因?

2个回答

weixin_43684973
壮士请先杀我队友 表示没看懂
2 个月之前 回复

是给span添加了block造成的吧,试试换成inline-block,或者给li添加block

weixin_42421494
I'm李刚 回复壮士请先杀我队友: 建议你去除li自带的样式,自己自定义样式,list-style:none
2 个月之前 回复
weixin_43684973
壮士请先杀我队友 换成inline-block后,前面的点不在中间位置;li设置block点就没了
2 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问