问题标签 [equal-heights]

I am trying to do the layout that can be seen in the image below:

It is full screen, the header and footer have fixed height (60px), the green sidebar is 200px wide; both the sidebar and the section on the right side occupy the entire available space on the y axis.

For wide screens, I want to divide the right side into 4 equal boxes, displayed 2 by 2.

For medium and small screens (< 768px), I want to display the 4 equal boxes 1 by 4, like the image below:

The HTML I have:

The CSS I have:

How do I style those red boxes to achieve the 2 layouts, if possible, without using display:table and display:table-cell, as this will create problems with positioning items absolutely inside the red boxes on Firefox?

Thank you!

请参阅 CODEPEN 以了解清楚：http: //codepen.io/geochanto/pen/LGNWML

所以我有这段代码来计算链接的高度，然后将它们全部设为最高链接的高度，并在顶部添加一些负边距，以便在它们各自的父项中垂直居中对齐它们。一切都按我的意愿工作，除了，我一直试图让这个高度重新计算并使用各种方法应用于<li>窗口<a>调整大小，但没有一个奏效。

我已经尝试过这些，但也许我的语法是错误的，idk：

1. 如何创建一个 jQuery 函数（一个新的 jQuery 方法或插件）？
2. 在窗口事件上运行 Jquery 函数：加载、调整大小和滚动？
3. 如何在窗口调整大小时调用jQuery中的函数？

我想创建一个具有等高框响应的画廊网格滑块。

示例 650px 宽及以上 3 列和 2 行。

550px 宽及以下 2 列和 3 行。

450 像素宽且低于 1 列和 1 行。

我现在一直在使用这个 jQuery 插件https://github.com/liabru/jquery-match-height。

我可以将它与其他插件滑块一起使用还是有其他选择？

https://jsfiddle.net/76cx7roy/

我有新闻部分，左侧有一个大 div（主文章），右侧有一些（4）个小 div（子文章）。我需要使它们在动态上相等（双方应该在视觉上相等）

所以我尝试用 jquery 制作，我部分地做了这个，但有一些非常大的 BUG。如果左侧太小，右侧文章会太小，文本会溢出容器

这是HTML：

我的 Jquery 尝试

结果还可以，但它没有响应，如果左侧太小，这是一个错误。在这里寻求帮助:(

我有一个 id=group1port 的 div。
这个 div 里面有多个 div，一个是 id group1porteq。
我正在使用相等的高度来使 div 的高度相同，但是，就我所拥有的而言，它当前会改变所有 div 的高度，而我只希望它影响 div group1porteq。我已经尝试过 ('#group1port div.group1porteq') 但这不起作用。我也尝试过完全删除“div”，但这也不起作用。也尝试将其更改为 ('#group1porteq div') ，然后这只会使该 div 内的所有 div 相等。

“div class="portlet light bordered" id="group1porteq"" 是我需要具有相同高度的两个 div

我有 div，里面都有多个 div，我试图让 1 个 div 的高度相等。这是脚本的示例。

这是代码示例

我有一个 UIView buttonView 并给它一个相等的高度约束到超级 UIView 与 0.4 乘数。框架已正确调整，但 buttonView 的子视图不可见。但是，当我单击按钮应该在的位置时，动作就会触发。当我将 buttonViews 约束更改为固定高度时，不会发生这种情况。如果您愿意，我可以更详细地了解细节，但有人遇到过类似的事情吗？

编辑

标签下方的空白处应该有两个按钮。当我单击空白处时，计时器会运行，但按钮不可见。

我目前正在开发一个体育网站，我有 Ajax 分页和无限滚动插件来加载更多帖子而不是分页。我使用 equalheights 使标题的 Div 容器连续相同。equalheight 功能仅适用于第一组帖子，但无法处理已加载的帖子。以下是我的代码片段：

等高JQuery

和循环

我期待你的帮助

我正在尝试制作 2 个具有相同高度的 div：

http://image.prntscr.com/image/32ca3f340fba4e2dbd3c7d1e434f0938.png

例子

我希望动态（大一）div 与静态（小一）div 具有相同的高度。动态 div 总是比静态 div 长。我必须用css（没有jquery）来做。我已经找到了几种如何使静态 div 与动态一样大的解决方案（例如 table 或 flex），但我找不到任何解决方案如何使动态与静态一样小。

CSS - 等高列？- 不是答案。这里的柱子都和最长的柱子一样大。

再一次：我需要使动态 div像静态一样小。动态 div 应该有滚动条。

另一个限制 -父级、静态和动态 div高度/宽度不应设置为 px 中的某个永久值。

请你帮助我好吗？

如果可能的话，我想用自动换行来制作表格。我正在使用white-space: pre-line;css 类属性。但随后单元格高度将发生变化。看图片。如何将行高固定为 28px？当单元格没有足够空间时，如何禁止自动换行？

我看到很多类似的问题，但它们都是针对观点相同的情况。

就我而言，我有一堆垂直的视图： 它们应该在不同的设备上同时保持比例。

你能建议如何实现这样的目标吗？Xib 或以编程方式 - 它没有任何可能性。

目前我正在尝试手动设置它们的尺寸。