CSS字体大小导致最后一行太高
好的,我有一个列表(CSS字体大小导致最后一行太高,css,Css,好的,我有一个列表(),然后在每个元素中我有一个 那是因为天气原因。行高通常基于行上的所有字符计算。第一行的线高较大,第二行的线高较小。您可能必须为链接指定固定的线高度: .search_area li a { font-size:11px; line-height:14px; /* matching the other lines */ } 或者,您可以在超链接后放置一个字符,这样当它包装第二行时,将获得超链接外字符的行高。大概是这样的: <li>Some Text
),然后在每个
元素中我有一个
那是因为天气原因。行高通常基于行上的所有字符计算。第一行的线高较大,第二行的线高较小。您可能必须为链接指定固定的线高度:
.search_area li a {
font-size:11px;
line-height:14px; /* matching the other lines */
}
或者,您可以在超链接后放置一个字符,这样当它包装第二行时,将获得超链接外字符的行高。大概是这样的:
<li>Some Text <a href='#'>Your Link</a> </li>
虽然在li中没有文本,但除了超链接之外,li的线条高度仍然让我感到困惑。通过删除它,超链接可以确定间距。父级(
)的字体大小/行高将应用于最后一行(属于
),因为
的默认显示样式是内联的。)
设置
的显示
样式以阻止我的工作
.search_area li a {
font-size: 11px;
display: block;
}
你能在定义标签的地方发布HTML代码吗?
<li>Some Text <a href='#'>Your Link</a> </li>
.search_area li
{
line-height:0px;
padding:5px;
background-color:#F3F3F3;
}
.search_area li a {
font-size: 11px;
display: block;
}