So verteilen Sie mit CSS zwei Schaltflächen auf der linken und rechten Seite desselben übergeordneten Tags

In diesem Artikel wird hauptsächlich die Methode des CSS-Layouts von zwei Schaltflächen auf der linken und rechten Seite desselben übergeordneten Tags vorgestellt und mit Ihnen geteilt. Die Einzelheiten lauten wie folgt:

Rendern

Layout-Code

<Ansicht Klasse="grace-footer" Stil="width:100%;" Slot="gFooter">
 <Ansichtsstil="float:right;width:50%">
    <button type="primary" style="line-height: 85rpx; margin: 25rpx; " @click="saveService(scanKay,tableList)">Senden</button> 
 </Ansicht>
 <Ansichtsstil="float:left;width:50%">
  <button type="warn" style="line-height: 85rpx; margin: 25rpx;" @click="removeService()">Zurücksetzen</button>
 </Ansicht>
   
</Ansicht>

style="float:right;width:50%"
Es befindet sich auf der rechten Seite des übergeordneten Etikettencontainers und nimmt 50 % der Breite ein.

style="float:left;width:50%"
Es befindet sich auf der linken Seite des übergeordneten Etikettencontainers und nimmt 50 % der Breite ein.

Grace-Footer ist der von GraceUI eingeführte CSS-Code. Seine Wirkung ist die untere Navigation

.grace-footer{
     Position: fest; 
     z-Index: 2; links: 0; 
     unten: 0; 
     Hintergrund:#FFFFFF; 
     Breite: 750rpx; 
     Überlauf: versteckt; 
     Kastenschatten: 1px 1px 6px #888;
}

Dies ist das Ende dieses Artikels über die CSS-Layoutmethode zum Verteilen von zwei Schaltflächen auf der linken und rechten Seite desselben übergeordneten Tags. Weitere verwandte CSS-Schaltflächen auf der linken und rechten Seite desselben übergeordneten Tags finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!