javascript - 是否有纯 CSS(无 JavaScript)解决方案来使可变内容适合垂直网格？

Question

我有一个关于 website 的小问题我目前正在努力，这并没有太困扰我，但很高兴修复。我们将网站(连同此事件的其余广告)设计为基于严格的方形网格。一切正常，除了一个小问题:

在页面底部，我们有几段正文正文超出了页面三分之一的网格正方形。 (我们将文本的行高设置为网格正方形的三分之一)缺少 Javascript 计算，是否有任何方法可以在这些段落的底部添加某种“智能”填充以重新对齐下一个元素到网格？

Answer 1

is there any way we can add some sort of "smart" padding to the bottom of these paragraphs to re-align the next elements to the grid?

我不认为存在纯粹的 CSS 修复，特别是当您考虑到不同的浏览器/操作系统可能会以略微不同的高度呈现文本时。

我唯一可以添加到我的答案中的是 JavaScript 修复，这是您不想要的:

document.body.style.height = Math.round(document.body.offsetHeight/72)*72 + "px";

至少它很短。