Ich verwende Bootstrap. Lassen Sie uns sagen, dass ich Text haben, der wie folgt aussieht:Brechen Sie nicht-zusammengesetzte zusammengesetzte Wörter an der Wortgrenze
„Stackoverflow“
Kann ich irgendwie automatisch sicher, dass es so bricht, wenn der Text nicht den Behälter passt:
"Stack
-overflow"
statt:
"Stackov
-erflow"
mit HTML/CSS?
können Sie fügen ­ (soft Bindestrich)
#box {
font-size:14px;
font-family:courier;
width:90px;
background:yellow;
}<div id="box">Stack­overflow</div>Wenn Sie '' nicht verwenden können, weil Sie keine Variante von (X) HTML (XML, Markdown, Klartext ...) verwenden, können Sie das entsprechende Unicode Zeichen U + 00AD ('& # x00ad;' in XML). –
Nein, für ein Dokument "Stackoverflow" ist ein einzelnes Wort. Wenn Sie eine CSS-Eigenschaft verwenden, um das Wort zu brechen, wird es entsprechend dem verfügbaren Platz unterbrochen.
Sie müssen es definieren, wenn Sie es von einem bestimmten Punkt trennen möchten.
Sie können
Stack<wbr>overflowoderStack-overflowverwenden.
Wenn Stack<wbr>overflow verwendet wird, wird es bei <wbr> unterbrochen.
p.test1 {
width: 60px;
border: 1px solid #000000;
}<p class="test1">Stack<wbr>overflow</p>OR, wenn Stack-overflow mit und CSS-Eigenschaft mit word-break: keep-all; dann wird es auf Bindestriche unterteilt werden:
p.test1 {
width: 60px;
border: 1px solid #000000;
word-break: keep-all;
}<p class="test1">Stack-overflow</p>Aber Sie müssen einen von ihnen definieren.
'
Mit dem Beispiel mit dem Bindestrich ('-') erscheint der Strich, auch wenn das Wort passt. –
@bergi das ist, warum ich eine andere Antwort gegeben habe auch –
Sie können mit Null-Breite Raum, ​. Geben Sie einfach Stack​overflow in HTML ein.
Diese Lösung ist wirklich die falsche. Es bricht zum Beispiel die Suche. – Bergi
Bekommt nicht mehr Hacky als das. –
Wenn Sie ein spezifischen Wort brechen wollen, dann sind die Antworten funktionieren gegeben - eine unsichtbare Pause von einer Art einfügen . Wie gesagt, schädigt es Suchergebnisse, aber nicht so schlimm, wie Sie denken.
Wenn Sie alle zusammengesetzte Begriffe brechen wollen, die Verpackung benötigen, ohne manuell durchmachen und die Überprüfung, dann gibt es keine Möglichkeit, diese zu tun, weil Sie kontextsensitive englische Sprache Parsing müssen, was bedeutet, Sie brauchen ein menschliches Gehirn tut es.
Überlegen Sie, wie Sie die folgenden Zeichenketten brechen würde:
lowrateslender.com
musictoyourears.com
heresearch.com
nakedsnow.com
picturespain.com
catspaying.net
attackshoes.com
williamsharp.net
andreward.net
goalsnow.net
hesstruck.net
artistrap.com
buildingskill.com
bearspray.com
atticsweep.com
matthewhale.com
singershaven.com
shoesworn.com
sinuscatscan.com
cometart.com
monkeyslap.com
scriptshack.com
nasalbum.com
moviesick.com
arizonasparesort.com
privateshot.com
nationsprinting.com
importcarshow.com
(Kopie kleistert von einer Google-Suche nach „mehrdeutig Domain-Namen“)
... auch gegeben ein Wörterbuch ganze Wörter zu identifizieren in diesen begriffen, und an diesen bereichen brechende räume einzufügen, wäre es ein toss-up, ob man diese worte als "import-car-show" oder "import-cars-how" aufteilen würde.
Eine der Hauptfähigkeiten für das Programmieren ist das Identifizieren von Algorithmen, die Verarbeitung in natürlicher Sprache erfordern und sich nur für einen "gut genug" -Algorithmus entscheiden, anstatt Zeit dafür zu verschwenden. Dies ist ein solcher Fall.
Nun, genau das ist '' für gemacht. Es bricht die Suche nicht ab. – Bergi
@Bergi Welchen Algorithmus verwenden Sie, um dies an den richtigen Stellen einzufügen? Sie haben das gleiche Problem. Domänen enthalten nicht wirklich ''. –
'' wird von den * authors * in die HTML-Quelle eingefügt, nicht von den Word-Wrapping-Algorithmen. – Bergi
ich denke nicht, es gibt keine Option für diese –
Muss es nicht 'Stack-' und 'Überlauf' sein? Auf Holländisch ist das der richtige Weg, weiß nicht in Englisch btw ... –
Vielleicht ist es erwähnenswert, dass, wenn Sie den Namen von SO in einem Dokument schreiben, es eigentlich "Stack Overflow" (mit einem Leerzeichen) heißt, nicht 'Stackoverflow';) – Kai