Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular – 如何在Material设计中将按钮移动到容器的右侧大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图让一个按钮移动到容器的右侧,我使用了几种形式,但是我无法得到它,不知怎的样式=“float:right;”

也许这不是一件事,材料设计,我没有前端开发的经验.

angular – 如何在Material设计中将按钮移动到容器的右侧

<md-toolbar color="pri@R_801_11035@">
    <span><md-icon>mood</md-icon></span>

    <span>Material in Angular 2!</span>

    <button md-icon-button style="float: left;" [md-menu-trigger-for]="menu">
      <md-icon style="float: left;">more_vert</md-icon>
    </button>
  </md-toolbar>

angular – 如何在Material设计中将按钮移动到容器的右侧

<button md-icon-button style="float: right;" [md-menu-trigger-for]="menu">
      <md-icon style="float: right;">more_vert</md-icon>

我想把它移到这里.我很抱歉我的英语不好.我希望你能理解我.

angular – 如何在Material设计中将按钮移动到容器的右侧

解决方法

您错过了文字< span>上的课程它允许它填补空间:

See full example here.

.example-fill-remaining-space {
  // This fills the remaining space,by using flexBox. 
  // Every toolbar row uses a flexBox row layout.
  flex: 1 1 auto;
}
<md-toolbar color="pri@R_801_11035@">
  <span>Application title</span>

  <!-- This fills the remaining space of the current row -->
  <span class="example-fill-remaining-space"></span>

  <span>Right Aligned Text</span>
</md-toolbar>

大佬总结

以上是大佬教程为你收集整理的angular – 如何在Material设计中将按钮移动到容器的右侧全部内容,希望文章能够帮你解决angular – 如何在Material设计中将按钮移动到容器的右侧所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。