2016-04-18 5 views
0

Ich möchte zwei Symbole über eine Schaltfläche in einem div, ausgerichtet Mitte rechts im div. Wie schreibe ich CSS dafür?Position Symbole über eine Schaltfläche in einem div

+2

Es wird erwartet, dass Sie zumindest versuchen, diese für sich selbst zu codieren. Stack Overflow ist kein Code-Schreibdienst. Ich würde vorschlagen, dass Sie zusätzliche Recherchen anstellen, entweder über Google oder indem Sie SO suchen, einen Versuch unternehmen und. Wenn Sie immer noch Probleme haben, kommen Sie zurück mit ** Ihrem Code ** und erklären Sie, was Sie versucht haben und warum es nicht funktioniert hat. –

Antwort

0

Sie haben Ihre Symbole in einem div und Stil wickeln, die

.wrapper-div{ 
    position:absolute; 
    right:25px; 
    top:50%; 
    transform:translate3d(0,-50%,0); 

} 

Beispiel wie dieses div: https://jsfiddle.net/zxt6azfn/

+0

Danke. Ich habe es ohne die Transformation gemacht. Warum hast du es vorgeschlagen? – artooras

+0

@artooras Wenn Sie die Transformation hinzufügen, spielt die Höhe des Div nicht eine Rolle, es wird immer vertikal zentriert sein – QoP

1

Sie können Eigenschaft float versuchen.

Probe:

<div style="float:left"> 
 
    Button code 
 
</div> 
 
<div style="float:right"> 
 
    Icons code 
 
</div>

Verwandte Themen