HTML-Tabelle: Inhalt mit Minuszeichen bricht Zeile in der Spalte

Question

Ich bin mit dem folgenden Problem konfrontiert: Ich habe ein Feld, das eine Maske hat, und am Ende der Maske gibt es ein Minuszeichen. Zum Beispiel:

61.927.297/0001-20

Allerdings, wenn ich das Minus-Symbol nehmen, was natürlich wird eine ungültige Maske sein, der Inhalt der Tabelle bleibt auf der gleichen Linie. Im Folgenden finden Sie ein Bild von dem, was ich beschrieben habe:

Auch wenn die Daten größer als die auf dem Bild, nur der Tisch wird es auf der gleichen Linie setzen, wenn es keine "ist - "auf der Maske.

Weiß jemand, warum das passiert? Und was kann ich tun, damit es in derselben Zeile erscheint?

Answer 1

- ein Bindestrich in Ihrem Satz ist (der Browser nicht weiß, ob der Inhalt eine Formel oder richtige Prosa), so behandelt der Browser es als ein neues "Wort". Da die Länge dieser Textzeile für die Tabellenzelle zu lang ist, wickelt es auf eine neue Linie

Sie die CSS white-space Eigenschaft verwenden, können sie festlegen nicht nowrap wickeln mit:

td {white-space:nowrap;} 

vergleichen die Anzeige der beiden identischen Tabellen unter:

td { 
 
    width:30px; 
 
    border:1px solid #000; 
 
} 
 

 
#table2 td { 
 
    width:30px; 
 
    border:1px solid #000; 
 
    white-space:nowrap; 
 
}

<table> 
 
    <tr> 
 
    <td>hello-world</td> 
 
    <td>hello- world</td> 
 
    <td>hello - world</td> 
 
    <td>helloworld</td> 
 
    </tr> 
 
</table> 
 

 
<table id="table2"> 
 
    <tr> 
 
    <td>hello-world</td> 
 
    <td>hello- world</td> 
 
    <td>hello - world</td> 
 
    <td>helloworld</td> 
 
    </tr> 
 
</table>

Answer 2

Sie können versuchen, CSS Regel: auf den Säulen „white-space nowrap“, die enthält ‚-‘