Es kann manchmal nützlich sein, Text links und Text rechts auf derselben Zeile auszurichten. Zum Beispiel in einer Fußzeile, wo Sie vielleicht Copyright-Informationen links und Webmaster-Informationen rechts haben möchten. Hier ist, wie Sie Ihr HTML gestalten könnten
<div id="textbox">
<p class="alignleft">Text on the left.</p>
<p class="alignright">Text on the right.</p>
</div>Wenn Sie Ihren CSS-Klassen alignleft und alignright die Werte text-align: left; bzw. text-align: right; geben würden, kämen Sie Ihrem gewünschten Ergebnis nahe, aber Ihr rechtsbündiger Text würde wegen des neuen Absatzes auf die nächste Zeile springen. Stattdessen sollten Sie Ihre Absätze einfach floaten
.alignleft {
float: left;
}
.alignright {
float: right;
}Denken Sie dann einfach daran, Ihren Float zu clearen
<div style="clear: both;"></div>
Können Sie den Code für "Text links, dann Text rechts" in eine bestehende Tabelle einfügen? Wenn ja, wo wird der Code in der Tabelle platziert? Ich muss dies für zahlreiche Zeilen tun. Danke.
Es ist nicht klar, was zu tun ist. Was soll bearbeitet werden.
Mehr Beispiele oder weitere Informationen wären gut. (Über das Ausrichten von Objekten und CSS-Dateien, die bearbeitet werden müssen)
Ich weiß, dass ich spät dran bin, aber das hat super funktioniert, genau der Tipp, den ich gesucht habe! Vielen Dank! :)
Hier ist eine vereinfachte Methode
<div>
<p style=”float: left”>Text links.</p>
<p style=”float: right”>Text rechts.</p>
</div>
Mit freundlichen Grüßen,
Mihai
Das ist großartig. Mein einziges Problem mit schwebenden Elementen ist, dass ich die Höhe des Elternelements verliere, da das Schwebendes Element aus dem normalen Fluss entfernt wird.
Überprüfen Sie zum Beispiel dieses jsbin. Die schwebenden Elemente verlieren ihre Hintergrundfarbe, da das umschließende div effektiv die Höhe Null hat.
Ich kann eine spezifische Höhe als Hack angeben, aber das fühlt sich schmutzig an und natürlich muss ich die Höhe manuell aktualisieren, wenn ich mein HTML ändere.
Irgendwelche Ideen?
was Sie suchen, ist auf dem folgenden Element klar.
z.B. "clear: both". Oder Sie können das Element, das an Höhe verliert, selbst clearen, indem Sie "overflow: hidden; width: 100%" hinzufügen. Dies führt zu einer Neuberechnung seines Inhalts und es wird die richtige Höhe aller darin enthaltenen Floats sehen. Die Breite ist für IE6 und vielleicht 7/8 erforderlich, damit dies funktioniert. Sie muss nicht 100% sein, aber sie muss etwas sein.
Danke! Genau das, was ich brauchte. Funktioniert einwandfrei.
Ich bin Bürokraft und die Arbeit an der Website unseres Unternehmens gehört zu meinen Aufgaben. Ich habe ein wenig Erfahrung damit, aber meistens google ich den Code für das, was ich tun möchte. Ich brauchte eine Schriftart und ein Bild oben auf meiner Seite, die zentriert sein sollten. Also habe ich dies verwendet
div {
text-align: center;
}
Das hat wie am Schnürchen funktioniert! Das Problem ist, sobald es zentriert war, wurde auch der linksbündige Text unten auf meiner Seite zentriert. Ich habe alles versucht, einschließlich dessen, und ich kann es nicht davon abhalten, sich zu zentrieren, irgendwelche Ideen?