Html 删除列中的内容和列边缘之间的空白 文本

结果: 我不知道为什么圆形图像和列末尾之间有空白。我使用引导。我用“col md-*”在div周围加上边框，以便正确地看到边

---

我尝试将填充和边距设置为0，但没有任何更改。我认为它与“img”标记有关（我还尝试将其设置为块显示）。

检查是否有任何填充或边距。通常，引导会使用col md-**类自动添加这些属性。您可能必须重写这些类。我会使用inspect element工具来跟踪它们

        <div class="row mt-5 d-flex">
            <div class="col-md-3 p-5 mt-3">
                <img id="image" class="align-self-center" 
                src="background1.jpg" 
                width="80%" height="100%"/>
            </div>   

            <div class="col-md-4 align-self-center">
                <span id="text">
                    text
                </span>
             </div> 

            <div class="col-md-5 background-image">

            </div>
       </div>