Beispiel-Tutorial zum Begrenzen der Anzeigelänge von Zeichen und zum Hinzufügen von Ellipsen

Wie kann das Problem gelöst werden, dass die Anzahl der in der HTML-Textsteuerung angezeigten Zeichen den Grenzwert überschreitet? Das heißt, das Textüberlauf-Steuerelement zeigt die Anzahl der Wörter an, und das Tabellentext-Überlauf-Steuerelement TD zeigt die Anzahl der Wörter an. Wenn Sie den Titel sehen, werden Sie leicht an die Methode denken, den Text abzuschneiden und Auslassungspunkte hinzuzufügen. .". Haha, das ist es. Tatsächlich dient das Schreiben dieses Protokolls nur dazu, diese Methode aufzuzeichnen, da sich viele Menschen offenbar immer noch nicht daran erinnern, wie sie mit einer solchen Situation umgehen sollen. Das Bild unten zeigt den Anzeigeeffekt der chinesischen PHP-Website (www.php.cn), wenn die Anzahl der Wörter die Anzahl überschreitet und die Auslassungspunkte hinzugefügt werden. Lassen Sie mich zunächst erklären, ob der Text in einem Container DIV+ verwendet Wenn CSS die Länge überschreitet, schwebt es außerhalb des Frames oder erweitert den Frame. Dies ist im Allgemeinen leicht zu lösen, aber ich bin heute auf ein solches Problem gestoßen: Die Testseite unter IE6 hat nicht reagiert, aber die Testseite unter IE8 hat den Überlauf verarbeitet Text normalerweise war ich deprimiert. Ist diese Überlaufverarbeitung nicht einzigartig für den IE? Warum funktioniert IE6 nicht richtig? Später habe ich online nachgesehen und herausgefunden, dass IE6 die Überlaufverarbeitung nur unterstützt, wenn sie in ein DIV geschrieben wird, und IE6 und höher unterstützt nur das Schreiben in

, also habe ich den gleichen Überlaufverarbeitungscode in DIV geschrieben Und < >

Einführung: Wie kann das Problem gelöst werden, dass die Anzahl der in der HTML-Textsteuerung angezeigten Wörter den Grenzwert überschreitet? Das heißt, der Textüberlauf steuert die Anzahl der angezeigten Wörter und der Tabellentextüberlauf steuert die Anzahl der in td angezeigten Wörter. Wenn Sie den Titel sehen, werden Sie leicht an die Methode denken, den Text abzuschneiden und Auslassungspunkte hinzuzufügen. ".

2. Verwenden Sie CSS3, um Text abzuschneiden und Ellipsen hinzuzufügen

Einführung: Begrenzen Sie die Anzahl der in einem Blockelement angezeigten Textzeilen. Um diesen Effekt zu erzielen, muss es mit anderen fremden WebKit-Eigenschaften kombiniert werden.

3. Beispiel für das Hinzufügen von Auslassungscode nach der abgefangenen Zeichenfolge, implementiert durch pure css_html/css_WEB-ITnose

Einführung : Beispiel für das Hinzufügen von Auslassungscode nach dem Abfangen einer in reinem CSS implementierten Zeichenfolge

4 Wie begrenzt PHP die Anzeigelänge von Zeichen?

Einführung: Wie oben (Abfangen von Tieba): Wenn die Zeichenlänge die feste Pixelbreite überschreitet, fangen Sie die Zeichenfolge innerhalb des Pixelbreitenbereichs ab und fügen Sie nach der Zeichenfolge hinzu eine Ellipse. Die Funktion mb_strlen kann nur die Anzahl der Zeichen ermitteln, aber die Breite eines Zeichens in Englisch und Chinesisch ist unterschiedlich und kann nicht anhand der Anzahl der Zeichen bestimmt werden...

5. Problem beim Abfangen von PHP-Strings

Einführung: Ich möchte die Länge einer anzuzeigenden Zeichenfolge begrenzen. Wenn die Zeichenfolge eine bestimmte Länge überschreitet, fangen Sie die ersten n Zeichen ab Fügen Sie danach ein Auslassungszeichen hinzu.

6 Länge einer Zeichenfolge anzeigen: Wenn die Zeichenfolge eine bestimmte Länge überschreitet, werden die ersten n Zeichen abgefangen und Ellipsen hinzugefügt

[Verwandte Q&A-Empfehlungen]:

javascript – Gibt es eine gute Möglichkeit, am Zeilenende Auslassungspunkte hinzuzufügen, wenn mehrzeiliger Text überläuft? Javascript – Wie füge ich Ellipsen zum Überlaufteil von mehrzeiligem Text hinzu?

Wie kann man die Anzeigelänge von Zeichen in PHP begrenzen?

Javascript – mehrere Zeilen anzeigen, den Überschuss ausblenden und am Ende der letzten Zeile Auslassungspunkte hinzufügen?

Das obige ist der detaillierte Inhalt vonBeispiel-Tutorial zum Begrenzen der Anzeigelänge von Zeichen und zum Hinzufügen von Ellipsen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!