0
155
ViewsCómo mover un botón al lado derecho del contenedor en Material design
Estoy tratando de obtener un botón para moverme hacia el lado derecho del contenedor, usé varios formularios pero no puedo obtenerlo, de alguna manera el style="float: right;"
Tal vez esto no sea una cosa, Material design, no tengo experiencia en desarrollos front-end.
<md-toolbar color="primary"> <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> 
<button md-icon-button style="float: right;" [md-menu-trigger-for]="menu"> <md-icon style="float: right;">more_vert</md-icon>Me gustaría moverlo aquí. Lo siento por mi mal inglés. Espero que puedas entenderme.
·
Santiago Trujillo
1 answers
Answer question0
Te estás perdiendo la clase en el texto <span> que le permite llenar el espacio:
.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="primary"> <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>
·
Santiago Trujillo
Report
Answer question