Ich habe ein Element (span), das ich rechts vom Hauptelement platzieren möchte (Texteingabe). Das Hauptelement befindet sich in einem Eltern-Div. Wenn Sie die Span absolut positionieren, bezieht sie sich auf das Eltern-Div und nicht auf die Eingabe, und wenn ich die Spanne relativ positioniere, verschiebt sie die Eingabe von der Mitte der Eltern und beginnt auf der linken Seite der Eingabe (und ich möchte sie Sei auf der linken Seite und ohne ihn zu bewegen) Ich möchte die Spannweite nicht relativ zum Elternteil positionieren, da sich die Eingabegröße in Scroll ändert. übrigens mein ganzes Web ist Richtung: rtl, und wenn ich es so ändern, ist die Spannweite auf der rechten Seite der Eingabe, aber immer noch bewegt es von der Mitte, und ich möchte nicht in die Richtung der anderen Elemente in meiner ändern Netz. thenks :)ein Element relativ zu anderen Elementen positionieren
-3
A
Antwort
0
body{
direction: rtl;
}
.main_div{
background: red;
margin: auto;
padding: 10px;
text-align: center;
width:400px;
height: 600px;
}
input{ \t
margin: 30px auto;
}
span.titles{
display:block;
}<html>
<head>
</head>
<body>
<div class="main_div">
<form>
<span class="titles">input 1</span><span>the additional span</span><input type="text">
<span class="titles">input 2</span><input type="text">
<p>i want input 1 to be in the center and the additional span to go more left and i want it to be dynamic like always 5px space to the right of the input.
thenks
</div>
</body>
</html>+0
gelöst. Ich habe einen Tisch benutzt. –
Verwandte Themen
- 1. Positionieren Sie ein Element relativ zu einem anderen in CSS
- 2. Bildansicht relativ zu einer anderen Bildansicht positionieren
- 3. Positionieren Sie ein Element mithilfe von CSS relativ zu einem zweiten Element, das nicht immer existiert
- 4. Positionselement relativ zu einem anderen Element, nicht dessen Elternelement
- 5. Bilder positionieren/Hintergrundbilder relativ zu Maus
- 6. Einfach ein Element über ein anderes Element in jQuery positionieren?
- 7. Wie positioniere ich ein Element relativ zu einem anderen, ohne Platz zu belegen?
- 8. Positionieren Sie ein div relativ zu einem anderen div, das nicht sein Elternteil ist, mit CSS
- 9. Wie kann ich ein Bild relativ zu den Grenzen eines anderen Bildes positionieren?
- 10. Cursorposition relativ zu den Elementen
- 11. Wie kann ich ein Element auf einer Webseite relativ zu einem anderen Element reparieren?
- 12. Relativ ein div innerhalb eines festen div positionieren?
- 13. CSS/Menü: Wie Element positionieren rechts unten/neben Elementen
- 14. Positionieren von Elementen mit AbsoluteLayout
- 15. Stick Div relativ zu anderen sticky Element (variable Höhe)
- 16. Positionieren von Elementen mit Flex
- 17. Ein Element neben einem Bootstrap-Modal positionieren
- 18. Gibt es eine Möglichkeit, ein Hintergrundbild relativ zur Mitte eines Elements zu positionieren?
- 19. TransformToVisual in Silverlight Verwendung von HTML zu positionieren Elementen
- 20. Wie positioniere ich ein Element unter einem relativ positionierten Element, ohne es zu überlappen?
- 21. Ein Element jedes Mal relativ zu seiner aktuellen Position übersetzen?
- 22. Positionieren eines Elements unter einem anderen Element in Javascript
- 23. ein Objekt relativ zu einem anderen Objekt ausrichten Angularjs
- 24. Wie verändere ich ein Bild relativ zu einem anderen Bild?
- 25. Positionierung ein Tooltip relativ zu einem anderen div in JQuery
- 26. Zentrum relativ Element
- 27. Warum erscheint ein relativ positioniertes Element über einem schwebenden Element?
- 28. Warum gibt es einen Abstand zwischen Elementen, wenn ein Element relativ positioniert ist?
- 29. Position DIV relativ zu einem anderen DIV?
- 30. Ein Element über einem anderen halten
Bitte erstellen [Minimal, komplettes Nachweisbare Beispiel] (https://stackoverflow.com/help/mcve) – bhansa