Wie kann ich Auslassungspunkte in einer überlaufenden Spanne anzeigen?

Auslassungspunkte in überlaufenden Bereichen anzeigen

Um Punkte ("...") in einem Bereich mit verstecktem Überlauf anzuzeigen, können Sie die verwenden Textüberlauf: Ellipsis-Eigenschaft. Es schneidet überlaufenden Text ab und zeigt stattdessen Auslassungspunkte an.

So können Sie es implementieren:

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

In diesem Snippet:

• Anzeige: inline-block Ermöglicht es dem Span, Inline-Platz einzunehmen, während er immer noch blockartig ist.
• width: 180px setzt die Breite des Spans auf 180 Pixel.
• white-space: nowrap verhindert das Umbrechen des Texts innerhalb der Spanne.
• overflow: versteckt !important stellt sicher, dass der Inhalt ausgeblendet wird, wenn er die Breite der Spanne überschreitet.
• text-overflow: ellipsis schneidet den Text ab und zeigt Auslassungspunkte an, wenn der Inhalt überläuft .

Durch die Kombination dieser Eigenschaften können Sie in Ihrem Bereich Auslassungspunkte anzeigen, die darauf hinweisen, dass weitere Inhalte nicht sichtbar sind.

Das obige ist der detaillierte Inhalt vonWie kann ich Auslassungspunkte in einer überlaufenden Spanne anzeigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!