Wie zeige ich Ellipsen in einer Spanne mit verstecktem Überlauf an?

So verketten Sie Ellipsen in Inhalten mit ausgeblendetem Überlauf

In dieser Frage äußert ein Entwickler die Notwendigkeit, Ellipsen anzuzeigen ("... ") in einem Span-Element mit verstecktem Überlauf. Sie stellen ein CSS-Code-Snippet bereit, das den versteckten Überlauf, aber nicht die Anzeige von Ellipsen zeigt.

Die bereitgestellte Lösung schlägt die Verwendung der Eigenschaft text-overflow: ellipsis vor, die das Abschneiden von Inhalten ermöglicht Anzeige von Ellipsen, wenn der Inhalt des Elements seine Breite überschreitet. Hier ist der korrigierte CSS-Code:

<code class="css">span {
  display: inline-block;
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}</code>

Die zusätzliche Eigenschaft white-space: nowrap stellt sicher, dass der Inhalt nicht in mehrere Zeilen umgebrochen wird, was dazu führen kann, dass Ellipsen nicht richtig angezeigt werden.

Das obige ist der detaillierte Inhalt vonWie zeige ich Ellipsen in einer Spanne mit verstecktem Überlauf an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!