424 Stimmen

Kein Zeilenumbruch nach einem Bindestrich

Ich möchte einen Zeilenumbruch nach einem Bindestrich verhindern - die von Fall zu Fall mit allen Browsern kompatibel ist.

Ejemplo:

Ich habe diesen Text: 3-3/8" was in HTML so aussieht: 3-3/8”

Das Problem besteht darin, dass am Ende einer Zeile aufgrund des Bindestrichs ein Zeilenumbruch erfolgt, anstatt es wie ein ganzes Wort zu behandeln...

3-
3/8"

Ich habe versucht, das "Null-Breite-ohne-Umbruch-Zeichen" einzufügen,  ohne Erfolg...

3-3/8”

Ich sehe dies in Safari und denke, dass es in allen Browsern gleich sein wird.

Das Folgende ist mein doctype und Zeichenkodierung...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

Gibt es eine Möglichkeit, den Zeilenumbruch nach dem Bindestrich zu verhindern? Ich brauche keine Lösung, die für die gesamte Seite gilt... nur etwas, das ich bei Bedarf einfügen kann, wie ein "Null-Breite kein Umbruch-Zeichen", außer einer, die funktioniert.

Hier ist eine Demo. Machen Sie den Rahmen einfach schmaler, bis die Zeile am Bindestrich bricht.

http://jsfiddle.net/RagKH/

1voto

den Punkte 186

Beispiel einer JSX-Lösung mit word joiner Unicode-Zeichen:

<div>{`This is JSX-${'\u2060'}related example`}</div>

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X