html - 如何垂直和水平居中 angularjs Material 卡(md-card)? ( Angular 1.x)

标签 html css angularjs angular-material

我有一个问题,我确信会有一个我找不到的简单解决方案。我正在构建一个简单的登录页面,其中我有一个 Angular Material 卡(md-card),仅此而已。在这种情况下,我在其中包含普通字段。

但是当我尝试将这张卡片垂直和水平居中时,问题出现了,这似乎是不可能的。我看过 doc关于这个,这就像使用一样简单 layout="row"layout-align="center center"但显然不适合我。我在 codepen 和 plunker 中搜索了几个示例,但没有人用 md-card 这样做。

有人有一个简单的例子来说明如何在 View 中仅将 md-card 居中?

最佳答案

您可以尝试设置元素的尺寸,然后添加:

margin-left: auto;
margin-right: auto;

它应该水平居中。

关于html - 如何垂直和水平居中 angularjs Material 卡(md-card)? ( Angular 1.x),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39107698/

相关文章:

html - Notepad++ 的正则表达式

html - 什么时候使用CSS定位?

html - 放大后背景图像缩小,然后屏幕旋转并缩小

javascript - Emberjs 相当于 Angular 过滤 ng 模型搜索

angularjs - ngbTypeahead 搜索结果丢失

javascript - Masonry : eventie. 绑定(bind)不点击 img

javascript - 将下拉列表中的多个对象定义为单独的变量?

html - CSS:在线的最后一个元素

html - 使用固定页脚使列位于页面底部

angularjs - ExpressJS和AngularJS路由问题