Gewusst wie: Ausrichten von Text in HTML nach links
Cascading Style Sheet oder CSS, Code definiert wie Browsern Textausrichtung auf Webseiten anzeigen. ALT-Attribute ausrichten und Kerben der Tabelle wurde nach der Veröffentlichung von HTML 4 obsolet. Mit Hilfe von CSS, Ausrichten von Text in die HTML-Element oder das gesamte Element nach links oder rechts auf der Seite, je nach Bedarf zu verschieben. Sie können eine Textausrichtung auf jedes HTML-Element anwenden, die Text, wie Absätze, Tabellen und ganzen div-Tags enthält.
Anweisungen
1 Öffnen Sie die HTML-Datei in einem Editor Ihrer Wahl, z. B. HTML-Kit, jEdit oder Notepad++. Windows Notepad funktioniert auch, aber Microsoft Word ist nicht geeignet für HTML-Bearbeitung. Finden Sie den TextBlock, der Sie nach links ausrichten möchten. Beachten Sie die Markierungen am Anfang und Ende des Textblocks. Sie sehen etwa so:
< p > hier ist einige Text. </p >
2 Öffnen Sie Ihre Website CSS-Datei oder finden den < Stil > und < / style > Markierungen zur Spitze Ihrer HTML-Datei. Wenn Ihre Website keine CSS-Datei hat und es keine < Style >-Tags gibt, hinzufügen den < Stil > und < / style >-Tags zwischen < Kopf > und < / Head > Markierungen. Der CSS Code geht zwischen diesen Tags oder direkt in der CSS-Datei. Hier ist der Code zum Text wird links ausgerichtet:
Tag-Name {Text-align: Links;}
Ändern Sie "Tag-Name" den Namen des Tags, z. B. "p" für < p >.
3 Fügen Sie ein ID-Attribut im Tag, wenn Sie nur diese bestimmte Stelle auf der Seite Links ausrichten möchten. Der Code könnte wie folgt aussehen:
< p Id "Id-Name" = > Hier finden Sie einige Text. </p >
Ändern Sie "Id-Name" in den Namen, den Sie dem Tag < p > verleihen wollen. Ändern Sie Ihre CSS-Code wie folgt:
Tag-Name #Id-Name {Text-align: Links;}
4 Fügen Sie "Schwimmer: Links;" das ganze HTML-Element auf der linken Seite der Seite zu verschieben. Dies ist nützlich, benötigen Sie ein Textfeld mit einer definierten Breite Links von anderen Text angezeigt werden, ähnlich wie die Randbemerkungen in Zeitschriftenartikel gefunden. Das HTML-Element ist, was Ihre HTML-Tags im Browser erstellt, sodass < p > ein Paragraph-Element erstellt. Hier ist der geänderte CSS-Code:
Tag-Name #Id-Name {Float: Links; Text-align: Links;}
Tipps & Warnungen
- Schwimmt ein Element auf der Seite manchmal bewirkt, dass das Layout zu brechen. Wenn ein anderes Element schwimmt oben, wo es nicht sollte, geben Sie ihm die Regel "klar: beide" in CSS um ihn wieder nach unten zu zwingen.