Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.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
Css 如何将行中的元素指定为相同高度?_Css_Angularjs_Twitter Bootstrap_Height - Fatal编程技术网

Css 如何将行中的元素指定为相同高度?

Css 如何将行中的元素指定为相同高度?,css,angularjs,twitter-bootstrap,height,Css,Angularjs,Twitter Bootstrap,Height,我的引导有点问题。 我用角度(ng repeat)打印一些元素,容器根据图像的高度调整它们的高度 代码: 宽度很容易通过引导分配(class=“col-lg-3 col-md-12 col-sm-12”)我如何分配固定的响应高度,以便我的食谱每行大小相同 谢谢您的帮助:)请参阅。前三名是: matchHeight.js 使用表格 他们举的例子是: @media only screen and (min-width : 768px) { .is-table-row {

我的引导有点问题。 我用角度(ng repeat)打印一些元素,容器根据图像的高度调整它们的高度

代码:


宽度很容易通过引导分配(
class=“col-lg-3 col-md-12 col-sm-12”
)我如何分配固定的响应高度,以便我的食谱每行大小相同

谢谢您的帮助:)

请参阅。前三名是:

matchHeight.js

使用表格

他们举的例子是:

@media only screen and (min-width : 768px) {
    .is-table-row {
        display: table;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}
巨大的负边距和正填充

他们的代码:

.row.match-my-cols {
    overflow: hidden; 
}

.row.match-my-cols [class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
看。前三名是:

matchHeight.js

使用表格

他们举的例子是:

@media only screen and (min-width : 768px) {
    .is-table-row {
        display: table;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}
巨大的负边距和正填充

他们的代码:

.row.match-my-cols {
    overflow: hidden; 
}

.row.match-my-cols [class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

display:flex或display:table很容易做到这一点。Bootsrap有一个您可以使用的flex版本:链接库并在容器上添加(flex)类您的示例太短,无法显示您的问题,否则我将使用复制/粘贴从itdisplay:flex或display:table创建一个示例,这样做很容易。Bootsrap有一个您可以使用的flex版本:链接库并在容器上添加(flex)类你的例子太短了,无法显示你的问题,否则我会复制/粘贴它来做一个例子哦,除了选择器[]之外,我已经有10-12年没有看到这个CSS技巧了,我想现在没有人会使用它了。。。。IE8踢掉了那些普通的把戏:)哇,我已经很久没有看到这个CSS把戏了(10-12年了?)除了选择器[],我还以为现在没人会使用它。。。。IE8踢掉了那些普通的把戏:)