Html 不同高度的<;李>;

Html 不同高度的<;李>;,html,css,Html,Css,目标: 使文本“bbb”具有与“aaa”相同的字体高度,但li.ttt的高度应与字体大小相同:xx大 问题: 我不知道怎么做。我试着用“高度”,但不起作用 LI.A{ 位置:相对位置; 填充:1px20px 1px4px; 背景:#F0F0FF url(https://cdn3.iconfinder.com/data/icons/luchesa-vol-9/128/Lollipop-16.png)无重复向右滚动0; 背景位置:右下角; 字体大小:400; 颜色:#08C; 文字装饰:无; }

目标:
使文本“bbb”具有与“aaa”相同的字体高度,但li.ttt的高度应与字体大小相同:xx大

问题:
我不知道怎么做。我试着用“高度”,但不起作用

LI.A{
位置:相对位置;
填充:1px20px 1px4px;
背景:#F0F0FF url(https://cdn3.iconfinder.com/data/icons/luchesa-vol-9/128/Lollipop-16.png)无重复向右滚动0;
背景位置:右下角;
字体大小:400;
颜色:#08C;
文字装饰:无;
}
LI.filter.testt{
背景:#F0F0FF;
填充:1px 4px 1px 4px;
字体大小:400;
颜色:#08C;
文字装饰:无;
}
#结果过滤器{
边际:0,0,-30px;
}
#结果过滤器UL{
显示:内联;
列表样式:外部无;
保证金:0;
填充:0;
字体大小:12px;
字体系列:arial、helvetica、无衬线字体;
}
李先生,
#结果过滤器LI.filtered{
左侧填充:0;
背景:透明无重复滚动0;
}
#结果过滤器ulli{
利润率:0.8px 0.0;
浮动:左;
}
李。ttt。A{
位置:相对位置;
填充:1px 4px 1px 20px;
背景:#F0F0FF url(https://cdn3.iconfinder.com/data/icons/luchesa-vol-9/128/Lollipop-16.png)无重复滚动左0;
背景位置:左;
字体大小:400;
颜色:#08C;
文字装饰:无;
字体大小:xx大号;
-webkit边界半径:4px;
-moz边界半径:4px;
边界半径:4px;
背景色:#F4;
最小高度:61px;
边界:0;
线高:1.2;
字母间距:1px;
宽度:137px;
文本对齐:居中;
字体系列:Tahoma;
}


xx大号
翻译成
32px

了解这一点后,您可以分别建立两个列表项的高度和行高度:

li.filtered {
    height: 12px;
    line-height: 12px;
    }

li.ttt {
    height: 32px;
    line-height: 32px;
    }
然后,您可以将aaa和bbb的字体大小设置为
12px

li.filtered a,
li.ttt a {
    font-size: 12px;
    }
将所有内容放在一起:

LI.A{
位置:相对位置;
填充:1px20px 1px4px;
背景:#F0F0FF url(https://cdn3.iconfinder.com/data/icons/luchesa-vol-9/128/Lollipop-16.png)无重复向右滚动0;
背景位置:右下角;
字体大小:400;
颜色:#08C;
文字装饰:无;
}
LI.filter.testt{
背景:#F0F0FF;
填充:1px 4px 1px 4px;
字体大小:400;
颜色:#08C;
文字装饰:无;
}
#结果过滤器{
边际:0,0,-30px;
}
#结果过滤器UL{
显示:内联;
列表样式:外部无;
保证金:0;
填充:0;
字体大小:12px;
字体系列:arial、helvetica、无衬线字体;
}
李先生,
#结果过滤器LI.filtered{
左侧填充:0;
背景:透明无重复滚动0;
}
#结果过滤器ulli{
利润率:0.8px 0.0;
浮动:左;
}
李。ttt。A{
位置:相对位置;
填充:1px 4px 1px 20px;
背景:#F0F0FF url(https://cdn3.iconfinder.com/data/icons/luchesa-vol-9/128/Lollipop-16.png)无重复滚动左0;
背景位置:左;
字体大小:400;
颜色:#08C;
文字装饰:无;
字体大小:xx大号;
-webkit边界半径:4px;
-moz边界半径:4px;
边界半径:4px;
背景色:#F4;
最小高度:61px;
边界:0;
线高:1.2;
字母间距:1px;
宽度:137px;
文本对齐:居中;
字体系列:Tahoma;
}
李先生,
li.ttt{
显示:块;
背景色:rgba(244244244,1);
}
李{
高度:12px;
线高:12px;
利润率:10px;
}
#结果过滤器li.filtered{
边缘顶部:10px;
}
li.ttt{
高度:32px;
线高:32px;
}
李,,
李。ttt。a{
字体大小:12px;
}


xx大号
翻译成
32px

了解这一点后,您可以分别建立两个列表项的高度和行高度:

li.filtered {
    height: 12px;
    line-height: 12px;
    }

li.ttt {
    height: 32px;
    line-height: 32px;
    }
然后,您可以将aaa和bbb的字体大小设置为
12px

li.filtered a,
li.ttt a {
    font-size: 12px;
    }
将所有内容放在一起:

LI.A{
位置:相对位置;
填充:1px20px 1px4px;
背景:#F0F0FF url(https://cdn3.iconfinder.com/data/icons/luchesa-vol-9/128/Lollipop-16.png)无重复向右滚动0;
背景位置:右下角;
字体大小:400;
颜色:#08C;
文字装饰:无;
}
LI.filter.testt{
背景:#F0F0FF;
填充:1px 4px 1px 4px;
字体大小:400;
颜色:#08C;
文字装饰:无;
}
#结果过滤器{
边际:0,0,-30px;
}
#结果过滤器UL{
显示:内联;
列表样式:外部无;
保证金:0;
填充:0;
字体大小:12px;
字体系列:arial、helvetica、无衬线字体;
}
李先生,
#结果过滤器LI.filtered{
左侧填充:0;
背景:透明无重复滚动0;
}
#结果过滤器ulli{
利润率:0.8px 0.0;
浮动:左;
}
李。ttt。A{
位置:相对位置;
填充:1px 4px 1px 20px;
背景:#F0F0FF url(https://cdn3.iconfinder.com/data/icons/luchesa-vol-9/128/Lollipop-16.png)无重复滚动左0;
背景位置:左;
字体大小:400;
颜色:#08C;
文字装饰:无;
字体大小:xx大号;
-webkit边界半径:4px;
-moz边界半径:4px;
边界半径:4px;
背景色:#F4;
最小高度:61px;
边界:0;
线高:1.2;
字母间距:1px;
宽度:137px;
文本对齐:居中;
字体系列:Tahoma;
}
李先生,
li.ttt{
显示:块;
背景色:rgba(244244244,1);
}
李{
高度:12px;
线高:12px;
利润率:10px;
}
#结果过滤器li.filtered{
边缘顶部:10px;
}
li.ttt{
高度:32px;
线高:32px;
}
李,,
李。ttt。a{
字体大小:12px;
}