Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 未指定高度的两列之间的边框_Html_Css - Fatal编程技术网

Html 未指定高度的两列之间的边框

Html 未指定高度的两列之间的边框,html,css,Html,Css,我有两列,需要在它们之间加一行。这是1px纯色,所以我很想用css实现这一点。 诀窍在于内容是动态加载的,所以有时候左列可以有更多的文本,有时候右列可以有更多的文本。当然,如果coulmn的尺寸总是一样的话,我会在更大的边界上加上边界。但不幸的是我没有 那么,有没有一种方法可以实现这一点,或者我可以将它与php或者strlen之类的东西结合起来呢 您可以在这里找到这个问题的简单代码我已经用JQuery解决了这个问题 我使用了这个代码,效果非常好 function equalHeight(grou

我有两列,需要在它们之间加一行。这是1px纯色,所以我很想用css实现这一点。 诀窍在于内容是动态加载的,所以有时候左列可以有更多的文本,有时候右列可以有更多的文本。当然,如果coulmn的尺寸总是一样的话,我会在更大的边界上加上边界。但不幸的是我没有

那么,有没有一种方法可以实现这一点,或者我可以将它与php或者strlen之类的东西结合起来呢


您可以在这里找到这个问题的简单代码

我已经用JQuery解决了这个问题

我使用了这个代码,效果非常好

function equalHeight(group) {
    var tallest = 0;
    group.each(function() {
        var thisHeight = $(this).height();
        if(thisHeight > tallest) {
            tallest = thisHeight;
        }
    });
    group.height(tallest);
}
资料来源:


使所有列的高度与最长列的高度相同。

一种方法是在两列上都有边框,并使用负的1px边距将右列拉过来,以便边框重叠:


天哪,我的脑海中闪过一瞬间,但我没有领会到这一点。非常感谢。就是这样。如果不需要的话,我不想使用js。谢谢你:哦)@brianreavis这已经很老了,但为什么人们会用其他方式来做呢?这是纯金,既然我们能做到这一点,为什么还要处理表单元格呢?我喜欢。