Bootstrap，使用<strong>元素保持标题高度

Question

我有一个可折叠的侧边栏，当它折叠时，标题缩小以显示字母'J L'。这有效，但我找不到空标题之间的中间位置，然后添加我的字母。

因此，如果我将我的元素注释掉那里没有文字的地方，那么空标题完全符合40px的高度。

但是当我加入字母时它高于40px。所以我知道我的高度适用于标题CSS但是我需要它保持40px并将J L作为一个完全居中的强大元素。

以下是显示问题的图片：

在 后

所以我需要加入Strong元素但保持40px的高度，以便绿色条继续触摸

 #sidebar.active .sidebar-header{
    	height:40px !important;
    }

    #sidebar.active .sidebar-header strong {
        display:block;
    }

<nav id="sidebar">
		<div class="sidebar-header">
			<strong>J L</strong>
		</div>
    </nav>


   

Answer 1

向line-height元素添加<strong>，如下所示：

#sidebar.active .sidebar-header{
        height:40px !important;
    }

    #sidebar.active .sidebar-header strong {
        display:block;
        line-height: 30px;
        padding-top: 0px;
        padding-bottom: 0px;

    }