Pra*_*eep 11 html css angularjs material-design angular-material
我正在尝试使用layout-align ="center center",它应该在垂直和水平方向上对齐中心的内容.但它只是水平对齐内容而不是垂直对齐.
这是我正在尝试的代码的plnkr 链接.
<body ng-app="app" ng-controller="appCtrl">
<md-toolbar>
<div class="md-toolbar-tools">
<h2 flex>Hello Angular-material!</h2>
</div>
</md-toolbar>
<div class="flexbox-parent">
<div layout="row" layout-align="center center">
<div flex="15">First line</div>
<div flex="15">Second line</div>
</div>
</div>
</body>
Bra*_*les 27
它没有垂直居中的原因是因为包含layout-align属性的div没有高度.
尝试类似的东西
<div class="flexbox-parent">
<div layout="row" layout-align="center center" style="min-height: 500px">
<div flex="15">First line</div>
<div flex="15">Second line</div>
</div>
</div>
| 归档时间： |
|
| 查看次数： |
65597 次 |
| 最近记录： |