我需要在div（bootstrap 3）的左手显示一些帮助文本和信息图标。我已经设法通过使用before类来显示图标，但问题是它不是动态的，而且图标总是被推到顶部。我不想硬编码左边div的边距或高度，因为我不知道显示文本将有多长。
.crmEntityFormView div.description.above:before {
content: "";
display: block;
background: url("info-icon.png") no-repeat;
background-color:#f7f7f7;
background-position: center;
width: 35px;
height:55px;
float: left;
margin: 10px 6px 0 0;
}输出是这样的，但是我希望左边的灰色列垂直扩展到与描述文本相同的高度，并且图标垂直居中对齐。注意：
1条答案
按热度按时间68bkxrlz1#
您可以将包含div设置为flexbox，并将
:before设置为align-self: center;