如何为Confluence PDF布局中div的边框下方添加间距？

嘿，我明白你的需求啦！你现在是想给带有border-bottom的div边框下方增加更多外部空间对吧？首先得先理清padding和margin的区别——这俩很容易搞混：

• padding是元素内部的空间，也就是内容和边框之间的距离；
• margin是元素外部的空间，也就是边框和其他元素之间的距离。

所以你要的“边框下方的额外空间”，得用margin-bottom来实现，而不是调整padding哦！

结合你给出的代码，我分两种场景给你解决方案：

场景1：给.fsTitle div添加边框并增加下方空间 #

如果你是打算给.fsTitle这个div加上border-bottom，然后想在边框下方留更多空间，直接修改它的margin-bottom值就行：

.fsTitlePage { 
  margin-left: auto; 
  margin-top: 50mm; 
  margin-right: auto; 
  page-break-after: always; 
}
.fsTitle { 
  font-size: 42px; 
  margin: 72px 0 20px 0; /* 把原来的4px改成更大的值，比如20px */
  text-align: center; 
  color: #184b65;
  border-bottom: 2px solid #f39100; /* 你的border-bottom样式 */
  padding-bottom: 10px; /* 这是文字和边框之间的内边距，和外部空间无关 */
}

对应的HTML部分不用改，这样.fsTitle的边框下方就会有20px的外部空间啦。

场景2：调整<hr>下方的空间 #

看你代码里用了<hr>，如果是想让这条横线和下方的标题之间有更多空间，直接给<hr>加margin-bottom样式：

<hr style="border-color: #f39100; width: 100px; margin-bottom: 30px;">

这样横线和标题之间的距离就变大了，完全符合你要的“边框下方加空间”的需求。

总结一下：要给元素边框下方加外部空间，就用margin-bottom；如果是调整边框和内部内容的距离，才用padding-bottom。这样设置出来的空间会完全在边框外面，不会影响元素本身的大小~

内容的提问来源于stack exchange，提问作者Shai Shvili