Html Button: Wenn ein Text nicht in der Schaltfläche eingewickelt ist, dann sollte es "..." nach etwas Text geben

Question

Ich möchte, dass meine Schaltfläche Wert "Entrepreneurship" ist. Daher ist es möglicherweise nicht in der Schaltfläche mit fester Breite eingeschlossen. So was ich will ist, ich möchte, dass meine Taste Wert "Entrepreneurs ..." ist Anstatt den zusätzlichen Text in der Taste

zu schneiden Hier ist das Bild.

Vielen Dank.

Answer 1

Sie sollen diese Art verwenden, und Sie werden ein Auslassungszeichen erhalten:

white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 

Beispiel unten:

.truncate { 
 
    width: 75px; 
 
    white-space: nowrap; 
 
    overflow: hidden; 
 
    text-overflow: ellipsis; 
 
}

<button class="truncate">Entrepreneurship</button>