Css 如何将行中的元素指定为相同高度?
我的引导有点问题。 我用角度(ng repeat)打印一些元素,容器根据图像的高度调整它们的高度 代码: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 {
宽度很容易通过引导分配(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踢掉了那些普通的把戏:)