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
0
A
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/
1
Sie können Eigenschaft float versuchen.
Probe:
<div style="float:left">
Button code
</div>
<div style="float:right">
Icons code
</div>
Verwandte Themen
- 1. Position Symbole in Kreis
- 2. Position DIV relativ zu einem anderen DIV?
- 3. Button in fester Position in nur einem div
- 4. Wie zentriere ich eine Schaltfläche über einem blinkenden Hintergrund?
- 5. Position absolut div in einem Überlauf-y: blättern div
- 6. Positionieren von Text über eine Leinwand in einem responsiven div
- 7. Editierbare Div Caret Position
- 8. Zentrieren von Elementen in einem div über Elemente in einem anderen div
- 9. CSS für Position absolute div zeigt über Scroll-Container
- 10. Hinzufügen div über einem anderen div
- 11. DIV über einem anderen DIV automatisch
- 12. css position fixed in div
- 13. Weird Position von einem div genommen
- 14. div Position Problem in Chrom
- 15. Position Div oben auf einem völlig separaten div
- 16. position: relative Position erscheinen über: absolute
- 17. Platzieren eines Div genau über einem beweglichen Div
- 18. Akkordeon über URL in einem anderen div
- 19. Wie eine „ID“ div & spesific Position nennen
- 20. Platzieren einer Schaltfläche über ein Bild in einem SharePoint-Webpart
- 21. Position relativ und dann Position anwenden: absolut macht das div sich über den Container erstrecken?
- 22. Sticky Element in einem Div mit absoluter Position auf Scroll
- 23. Overlay eine Leinwand über eine div
- 24. Platzieren Sie ein Div über einem anderen Div
- 25. CSS Div Position Verhalten
- 26. div Position nicht horizontal
- 27. Reinsert Position des div
- 28. div mit fester Position
- 29. Erkennung der Position eines Div
- 30. Fenster auf div-Position oben sperren
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. –