html ul li 的高度,ul与li高度不一致

把ul的padding属性设置为0，然后再添加一个margin为0，我已经尝试过了，可以的

test

ul{

margin: 0;

padding: 0;

font-size: 0;

width: 857px;

border: 1px solid $color-background;

}

li{

position: relative;

display: inline-block;

width: 80px;

height: 24px;

line-height: 22px;

border: 1px solid #e4e4e4;

border-radius: 2px;

padding: 0 5px;

background-color: #f5f9ff;

font-size: $font-size-medium;

&:nth-child(9n+1){

margin-left: 0}

}

.delete{

position: absolute;

display: inline-block;

width: 12px;

height: 12px;

right: -(@width/2)px;

top: -(@height/2)px;

background: url("./close.png") center no-repeat;

background-size: contain;

background-color: $color-background-blue;

border-radius: 50%;

cursor: pointer;

}

& + li{

margin-left: 15px;

}

span{

display: inline-block;

width: 100%;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}

aaaaaaa
bbbbbbb

html ul li 的高度,ul与li高度不一致相关推荐

列表标签ul、ol、dl、li
列表标签的种类无序列表标签(ul标签) 有序列表标签(ol标签) 自定义列表标签(dl标签) 无序列表无序列表的各个列表项之间没有顺序级别之分,是并列的.其基本语法格式如下: <!-- ul ...
jquery生成一个li_JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
本文实例讲述了JQuery实现ul中添加LI和删除指定的Li元素功能.分享给大家供大家参考,具体如下: 最近为了实现这个简单的功能也是看了很多的内容,终于找出了看起来简单易实现的方法,我觉得能用最简洁 ...
LI标签在Ul中居中显示
这里用到了前面文章中的清除浮动的问题,值得一注意. 先直接看一个例子吧: <style> *{margin:0;padding:0;} ul,ul li{list-style:none;} ...
强制不换行css ul里的li元素,css怎么让li强制不换行
免费资源网,https://freexyz.cn/ li默认是块状元素,总是在新行上开始,占据一整行. 首页关于我们联系我们效果图: 那么如何强制让li不换行?可以利用display或者floa ...
jQuery-给ul添加了li之后，添加的li并没有绑定点击监听怎么办？
我们看一个简单的例子效果图如下这里面有一个ul里面套着4个li,还有一个独立的li 代码实例: 需求 1.点击li,背景就会变成红色 2.点击btn,就会添加一个li <html>&l ...
设置了li(float:right),里面的li反过来显示 - 解决办法
设置了li(float:right),里面的li反过来显示 - 解决办法可以让ul float:right ul里的li 依然float:left 本文转自许琴 51CTO博客,原文链接:http: ...
html中的li标签不换行,css li 不换行（布局，内容）
参考这里 ------ 不换行的策略: 不换行原理: ul 和 li 默认都是 display:block; 的标签, 可以通过2种方式实现 li 的不换行显示: * 将 li 设为 display ...
ie6 ie7下，Li不能自动换行，出现竖排文字现象（PS：li不固定宽度，所有li同一行显示），在ie8却可以...
好久没写CSS,今天又发现一个ie兼容问题. 我需要所有的li在同一行显示,不固定Li的宽度,如果一行排不下,需要自动换行.当然Li的内容长度不同. 必须在li加white-space:nowrap; ...
html ul超出div,解决ul宽度超出div宽度常用解决办法
有朋友问我ul宽度超出div宽度怎么办呢?这个问题对于我们很多初学者来讲是不知道怎么办的,下面一起来看看解决办法吧．在设计网页的时候,有时候会遇到ul超出div宽度,遇到这种宽度超出宽度的时候, ...
div内li标签间距_CSS中li标签横向排列出现间距问题
HTML代码块: 导航项目1 导航项目2 导航项目3 导航项目4 导航项目5 导航项目6 导航项目7 导航项目8 CSS代码块: html,body,.wall { margin: 0; border ...

html ul li 的高度,ul与li高度不一致

html ul li 的高度,ul与li高度不一致相关推荐

最新文章

热门文章