Tag: 等高

具有流体宽度和高度的行中相等高度div(或li)(完成90%)

嘿所以我发现CSS-tricks Chris Coyier发布了这个甜蜜的jquery片段,它将div元素高度重置在页面上(位于同一行)与最高元素相同的位置。 问题此解决方案几乎适用于流体宽度布局,并在顶部位置更改时重置高度,但在页面首次加载时将其重置为行中当前最高元素的原始高度。 这是一个问题,因为自从这个页面首次加载以来,最高元素的高度可能已经改变了,因为使用了像ems这样的相对单位或者因为带有段落的自动换行。 建议的解决方案解决方案是将行的元素高度设置为最高元素的当前高度,而不是原始高度。 我没有成功完成这个。 以下是“li.half”是要比较和resize的元素的片段。 jQuery(document).ready(function($) { // these are (ruh-roh) globals. You could wrap in an // immediately-Invoked Function Expression (IIFE) if you wanted to… var currentTallest = 0, currentRowStart = 0, rowDivs = new Array(); function setConformingHeight(el, newHeight) { // set the height to something new, but remember the original […]

使用jQuery的Bootstrap 3 Equal Height列需要js的帮助

我一直在使用jQuery的这个位( jQuery等高响应div行 )来获得相同的高度并且它工作得非常好,但如果使用相同的模式,它使用BS2和BS3,它不扫描行以达到相同的高度,它会扫描页面本身,然后同一页面上的所有图案(行> col- – )都会获得页面上最高的高度。 这不是理想的实施。 http://jsbin.com/aVavuLeW/14/ 上面的JSBin有一个使用BS3列(它的副本)的例子。 您不能在堆叠点的列上具有相对位置,因此为了此Bin的目的已复制这些位置。 如您所见,如果您在每一行上创建一个不同的类(在此示例中为.foo和.foo2),然后列表现出来,但如果您决定使用相同的模式,则页面上最高的高度将接管。 问题:如何解决使用相同模式的问题,它是根据页面而不是行计算的? 谢谢!!!