In ASCII Art zu füllen, mag ich etwas ähnliches wie die folgenden:hinzufügen vertikal horizontale Linie zentrierte Block nach rechts von Text
My Section ------------------------------
Es ist nur so, dass ich diese Zeile möchte in CSS getan werden, um füllen der Raum automatisch. Ich möchte nicht, dass sie tatsächlich Bindestriche sind. Ich möchte nur eine visuelle Linie.
So etwas wie das?
<h1 style="background-image:url(../images/middleline.jpg);"><span style="background-color:white;">My text</span></h1>
EDIT:
Siehe auch this question.
Fügen Sie Positionierungselemente für das Hintergrundbild basierend auf ems (.5em, oder eine Berührung weniger, um die Breite der Linie aufzunehmen) hinzu, so dass es vertikal zentriert bleibt, unabhängig davon, wie groß der Text wird. – anschauung
Warum ems? Benutze einfach background-position: center; background-repeat: wiederhole-x; und es sollte zentriert bleiben. – Joel
Warum zum Teufel würden Sie ein Bild dafür verwenden. Verwenden Sie einfach einen
<html>
<div style='float:left'>My Section</div>
<hr>
</html>
Wenn Sie die Zeile vertikal auf den Text zentriert möchten, können Sie dies tun:
<html>
<div style='float:left'>Hello </div>
<hr style='position:relative;top:8px'>
</html>
Hier ist eine schnelle Lösung: Machen Sie eine Spanne mit der Breite: 100%, die an der Stelle ist, wo Sie es wollen und dann setzen Sie den Rand-unten: 1px schwarz solid;
In CSS ?! "Ja wirklich?" –
Ist es wichtig, dass die Zeile aus auswählbaren Bindestrichen besteht? Mit anderen Worten, würde ein (nicht auswählbares) Hintergrundbild, das rechts von Ihrem Text fließt, funktionieren? – anschauung
Hinzufügen von Klarstellung ... – Larsenal