Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS字体大小导致最后一行太高_Css - Fatal编程技术网

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>&nbsp;</li>
    

    虽然在li中没有文本,但除了超链接之外,li的线条高度仍然让我感到困惑。通过删除它,超链接可以确定间距。

    父级(
  • )的字体大小/行高将应用于最后一行(属于
    ),因为
    的默认显示样式是内联的。)

    设置
    显示
    样式以阻止我的工作

    .search_area li a {
      font-size: 11px;
      display: block;
    }
    

    你能在定义标签的地方发布HTML代码吗?
    <li>Some Text <a href='#'>Your Link</a>&nbsp;</li>
    
    .search_area li
    {
        line-height:0px;
        padding:5px;
        background-color:#F3F3F3;
    }
    
    .search_area li a {
      font-size: 11px;
      display: block;
    }