大佬教程收集整理的这篇文章主要介绍了css – 带插件的角度材料输入，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我得到的最接近的是this：
<md-content layout-padding>
<div layout="row" class="md-whiteframe-z1" style="width: 40%">
<md-SELEct placeholder="Type" ng-model="discount.type" flex="50" class="md-SELEct-full-width">
<md-option value="amouNT">amount</md-option>
<md-option value="PERCENT">Percent</md-option>
</md-SELEct>
<div flex="50" layout="row" layout-align="center center">
<md-input-container flex>
<label>Value</label>
<input ng-model="discount.value">
</md-input-container>
<span>%</span>
</div>
</div>
</md-content>
结果如下：
如您所见,2个字段未对齐.
我还尝试在< span>％< / span>上使用vertical-align.而不是layout-align =“center center”,但它似乎被忽略了.
<md-content layout-padding>
<div layout="row" class="md-whiteframe-z1" style="width: 40%">
<md-SELEct placeholder="Type" ng-model="discount.type" flex="50" class="md-SELEct-full-width">
<md-option value="amouNT">amount</md-option>
<md-option value="PERCENT">Percent</md-option>
</md-SELEct>
<div flex="50" layout="row">
<md-input-container flex>
<label>Value</label>
<input ng-model="discount.value">
</md-input-container>
<md-icon md-font-set="regular-font">%</md-icon>
</div>
</div>
</md-content>
“常规字体”是一些不存在的图标字体库,以确保< md-icon>内的文字.不会被解释为材质图标.
现在它很好地对齐：
您可以在此处查看工作解决方案：http://codepen.io/LukaszWiktor/pen/oXoqYg
以上是大佬教程为你收集整理的css – 带插件的角度材料输入全部内容，希望文章能够帮你解决css – 带插件的角度材料输入所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。