


Wie kann ich mit einfachem CSS Text mit einheitlichem Punktabstand rechts ausrichten?
Oct 25, 2024 am 06:47 AMAusrichten von Text mit Punkten in CSS
Frage: Wie kann ich mit einfachem CSS, wie gezeigt, Text mit einheitlichem Punktabstand rechts ausrichten? in diesem Beispiel?
Drug 1 ............ 10ml Another drug ...... 50ml Third ............. 100ml
Antwort: Um diese Rechtfertigung zu erreichen, wird üblicherweise eine Technik verwendet, die das Pseudoelement :after verwendet:
CSS:
dl { width: 400px } dt { float: left; width: 300px; overflow: hidden; white-space: nowrap } dd { float: left; width: 100px; overflow: hidden } dt:after { content: " .................................................................................." }
HTML:
<dl> <dt>Drug 1</dt> <dd>10ml</dd> <dt>Another drug</dt> <dd>50ml</dd> <dt>Third</dt> <dd>100ml</dd> </dl>
Einschränkungen:
- IE-Versionen unter 8 werden nicht unterstützt.
- Inhalte dürfen keine HTML-Entitäten enthalten, wodurch die Verwendung von Sonderzeichen wie · eingeschränkt wird. UTF-8-Zeichen können jedoch die meisten Anforderungen erfüllen.
Das obige ist der detaillierte Inhalt vonWie kann ich mit einfachem CSS Text mit einheitlichem Punktabstand rechts ausrichten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Hinzufügen von Kastenschatten zu WordPress -Blöcken und -Elementen

Erstellen Sie ein JavaScript -Kontaktformular mit dem Smart Forms Framework

Erstellen Sie einen Inline -Texteditor mit dem inhaltlichen Attribut

Machen Sie Ihren ersten Seltsamen -Sufle -Übergang

Datei hochladen mit Multer in node.js und ausdrücken

Vergleich der 5 besten PHP -Formbauer (und 3 kostenlose Skripte)
