在Blogger中减少两个元素间的垂直间距

首先直接回应你的TeX类比疑问：HTML里确实有类似\vspace{...}的功能，就是通过CSS的margin和padding属性控制垂直间距，而且你完全可以直接在滑块组件的HTML代码里添加内联样式，不用改动整个博客模板，正好符合你的需求。

下面是具体的解决方案，你可以根据实际间距问题的位置选择对应方法：

1. 减少滑块与上方标题的整体间距 #

如果是滑块本身和页面标题之间的空白太多，直接给滑块的最外层容器添加负的margin-top（相当于TeX里的负垂直间距）：
修改滑块的最外层<div>标签，加上style属性：

<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel" style="margin-top: -25px;">
  <!-- 滑块内部代码保持不变 -->
</div>

你可以调整-25px这个数值，比如改成-15px或-30px，预览博客直到间距合适为止。

2. 减少滑块内部图片与标题的间距 #

如果是滑块里的图片和下方的h5标题间距过大，就给carousel-caption容器添加负margin-top：
修改每个carousel-caption的标签：

<div class="carousel-caption d-none d-md-block" style="margin-top: -30px;">
  <h5>First slide label</h5>
  <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>

同样，调整-30px的数值来达到你想要的紧凑效果。

为什么这个方法可行？ #

内联样式（直接写在HTML标签的style属性里）优先级很高，只会作用于当前标签对应的元素，不会影响博客模板里的其他内容，完美满足你“不修改模板只改组件代码”的要求。

你可以先试第一种方法，预览后如果还是有局部间距问题，再结合第二种方法调整，很快就能得到满意的效果啦。

内容的提问来源于stack exchange，提问作者Daniel F. Checa