Html 角度材料布局中心对齐不'；不要在小模式下影响文本

我希望这段代码能够垂直和水平地将内容置于中心位置。 它可以做到这一点，但只要我缩小窗口（移动大小），文本（

h1

和

p

）对齐方式就会向左改变

我是否遗漏了一些非常基本的东西？我可以说

text center

然后它就可以工作了，但我自己不想添加任何CSS样式

angular.module（'app'，['ngMdIcons'，'ngMaterial']）

欢迎来到梦境！
登录
此网站使用给定电子邮件地址的会员资格
对我来说，它就像最新版本的Chrome一样工作。我认为这是一个浏览器兼容性问题。棱角材质中有大量的bug，因为它仍然是非常新的

不久前，我在我的网站上添加了一些有棱角的材料，并使用了大量的css技巧（有些bug，有些没有）

显然，如果可以的话，可以尝试使用原生的东西，但是像css这样的小技巧应该可以，直到它被修复为止。如果问题仍然存在，请告诉我
 当同样的事情发生在我身上时，我将其与

原来我小时候使用的是“flex”元素。这会破坏中心对齐。卸下它。
试试这个

<div layout="column" layout-align="center center">
   <h1>Welcome to Dreamland!</h1>
   <md-button class="md-hue-2 md-raised md-primary btn">
       <h1 class="md-display-1">Login</h1>
   </md-button>
   <p class="md-caption">This web site uses your membership with the given email address.</p>   
</div>

我也有同样的问题。你找到解决办法了吗？不，我找不到。我使用了style=“text align:center”。我认为角度材料决定了文本是否居中。如果文本较长，则使其左对齐。短则居中。你可以用假内容自己看。
.btn{
    width: 350px;
}