时间戳

首页 > 解决方案 > 如何缩短列中元素的高度？

html - 如何缩短列中元素的高度？

问题描述

我已经为列做了一行，其中每个列都有一个社交媒体图标。对于每一行，div 元素内都有一个锚标记。由于这一行是另一行的列，所以第一行的高度会自动改变。问题是每当我将光标悬停在按钮下方（显示为白色边框）时，指针就会出现，就像我将它悬停在按钮上一样。

此外，当我检查按钮本身时，它仅显示具有原始高度的按钮，并且代码显示 ::before 属性。

如您所见，我正在使用引导程序，并尝试通过更改填充或高度来解决问题，但没有任何效果。

这是我的代码：

<div class="row col-12 justify-content-between mx-0">
    <div class="col d-flex justify-content-center"><a href="#" class="fa fa-facebook fa-2x"  style="border: 1px solid white;"></a></div>
    <div class="col d-flex justify-content-center"><a href="#" class="fa fa-twitter fa-2x" style="height:"></a></div>
    <div class="col d-flex justify-content-center"><a href="#" class="fa fa-instagram fa-2x" style="height:"></a></div>
    <div class="col d-flex justify-content-center"><a href="#" class="fa fa-linkedin fa-2x" style="height:"></a></div>
    </div>

标签： htmlcssbootstrap-4flexboxgrid

解决方案

推荐阅读