Javascript 使多个文本段落占用相同的空间？

我正在制作一个页面，上面有一堆不同标题和文本的项目。我希望标题和文本都排在同一高度。有些标题是两行，有些只有一行。它还需要响应，所以我不能只设置最小高度

（来源：）

是否有可能使h2和p始终保持相同的高度？我当时的想法是用javascript填充较短的，但这是最后的手段

HTML是：

<div class="itemContainer" style="width:25.0%;">
<div class="catItemView groupPrimary">
    <div class="catItemHeader">
        <h3 class="catItemTitle">
            <a href="/index.php/projects/item/46-wairamarama-onewhero-seal-extension">Wairamarama-Onewhero Seal Extension</a>
        </h3>
    </div>
    <div class="catItemBody">
        <div class="catItemImageBlock">
            <span class="catItemImage">
                <a href="/index.php/projects/item/46-wairamarama-onewhero-seal-extension" title="Wairamarama-Onewhero Seal Extension">
                    <img src="/media/k2/items/cache/64d93d666355a43c4a86679a030d35b6_M.jpg" alt="Wairamarama-Onewhero Seal Extension" style="width:359px; height:auto;" />
                </a>
            </span>
            <div class="clr"></div>
        </div>
        <div class="catItemIntroText">
            <p>Evergreen Landcare have been involved in the Wairamarama-Onewhero Seal Extension as a sub-contractor for Heb Construction.</p>
        </div>
        <div class="clr"></div>
    </div>
    <div class="clr"></div>
    <div class="catItemReadMore">
        <a class="k2ReadMore" href="/index.php/projects/item/46-wairamarama-onewhero-seal-extension">Read more...</a>
    </div>
    <div class="clr"></div>
</div>

Evergreen Landcare作为Heb施工分包商参与了Wairama Onewhero Seal扩建工程

这是由K2/Joomla生成的！所以它没有太多的灵活性。 如果您想查看它。

您可以通过将具有可变内容的元素的高度设置为某个最大值来“修复”外观。以下CSS对链接到的页面执行此操作：

div.catItemIntroText {
  height: 180px;
}
div.catItemHeader h3.catItemTitle {
  height: 45px;
}

这只是因为你事先知道最适合的高度

如果您能够修改HTML，您可以采用新的方法并使用网格系统。下面是一种使用Twitter引导的方法（）

瓦伊拉玛奥涅维罗密封件延长件
拉帕山口
斯托克顿矿
88国道达尼丁改线

通过将每一行（文本、图像和按钮）放在自己的

上，溢出会自动处理。

您可以通过将具有可变内容的元素的高度设置为某个最大值来“修复”外观。以下CSS对链接到的页面执行此操作：

div.catItemIntroText {
  height: 180px;
}
div.catItemHeader h3.catItemTitle {
  height: 45px;
}

这只是因为你事先知道最适合的高度

如果您能够修改HTML，您可以采用新的方法并使用网格系统。下面是一种使用Twitter引导的方法（）

瓦伊拉玛奥涅维罗密封件延长件
拉帕山口
斯托克顿矿
88国道达尼丁改线

---

---

通过将每一行（文本、图像和按钮）放在自己的

上，溢出会自动处理。

是否要求所有文本始终可见？如果不想使用javascript，请添加html标记，您可能需要使用table.或类似Twitter Bootsrap或960.gscss网格框架，或者只需向某个元素添加

高度：uu px

，或者操纵某些元素的

显示属性。是否要求所有文本始终可见？如果不想使用javascript，请添加html标记，您可能需要求助于table.或类似Twitter Bootsrap或960.gscss网格框架，或者只需向某个元素添加
高度：uu px
，或者操纵某些元素的
显示
属性。我无法在Joomla中实现这一点/K2.我添加了一些CSS，你可以快速添加，这将使你的页面流动干净（但这是一种黑客行为，因为你需要根据你拥有的内容找到有效的值），这不会对响应性设置高度螺钉吗？你可以通过媒体查询保存高度（包括响应性和黑客行为），但这将使维护更加困难。老实说，我会放弃HTML，用一个响应性强的网格系统重新开始（在am manor中，类似于Twitter引导方法）。很抱歉，如果这没有帮助，这就是我过去解决类似问题的方式。是的，如果这不是在特定框架下使用特定库完成的有偿工作，我早就解决了。我希望有一个技巧可以让一段文字占用x行或其他内容。我将深入研究20个样式表并设置高度。谢谢。我无法在Joomla实现这一点/K2.我添加了一些CSS，你可以快速添加，这将使你的页面流动干净（但这是一种黑客行为，因为你需要根据你拥有的内容找到有效的值），这不会对响应性设置高度螺钉吗？你可以通过媒体查询保存高度（包括响应性和黑客行为），但这将使维护更加困难。老实说，我会放弃HTML，用一个响应性强的网格系统重新开始（在am manor中，类似于Twitter引导方法）。很抱歉，如果这没有帮助，这就是我过去解决类似问题的方式。是的，如果这不是在特定框架下使用特定库完成的有偿工作，我早就解决了。我希望有一个技巧可以让一段文字占用x行或其他内容。我将深入研究20个样式表并设置高度。谢谢