如何为Angular Material
的mdRadioButton
指令设置与文本相关的垂直对齐方式?
我已经尝试了 layout-align
和 vertical-align
样式,但是,单选按钮总是与文本相关的居中对齐。
here是个笨蛋
<md-content>
<md-radio-group ng-model="data" style="vertical-align:top;">
<md-radio-button value="a" aria-label="Label 1" style="vertical-align:text-top;">long text 1</md-radio-button>
<md-radio-button value="b"> long text 2 </md-radio-button>
</md-radio-group>
</md-content>
最佳答案
Angular Material 实际上为单选按钮的开/关状态和波纹生成了一个容器。
<md-radio-button>
是 parent 和_md-container
是要修改的子元素。
Here's a fork of the plunker使用修改后的样式:
md-radio-button ._md-container {
top: 0;
transform: translateY(0);
}
希望这对您有所帮助!
关于html - 如何为与文本相关的 Angular Material 的 mdRadioButton 指令设置垂直对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36893364/