Heim  >  Artikel  >  Web-Frontend  >  Verwenden Sie CSS, um das Problem zu lösen, dass die Anzahl der Zeichen im Titel die Auslassungszeichen-Ersetzungsmethode überschreitet

Verwenden Sie CSS, um das Problem zu lösen, dass die Anzahl der Zeichen im Titel die Auslassungszeichen-Ersetzungsmethode überschreitet

PHPz
PHPzOriginal
2017-06-06 09:26:323141Durchsuche

Die Anzahl der Wörter im Titel übersteigt die Szene:

Verwenden Sie CSS, um das Problem zu lösen, dass die Anzahl der Zeichen im Titel die Auslassungszeichen-Ersetzungsmethode überschreitet

Ich kann es nicht zulassen, dass es in der Spalte ganz links endet. Was soll ich tun?

Schritt 1: Überschüssigen Inhalt ausblenden, wenn der Inhalt die Breite überschreitet

Schritt 2: Auslassungen anzeigen, wenn der Text innerhalb der Objekt überläuft Mark (...)

Das Folgende ist die Lösung:

table{
	width:100px;
	table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */
}
td{
	width:100%;
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用*/

[Verwandte Empfehlungen]

1. Die Anzahl der Die im HTML-Textsteuerelement angezeigten Zeichen überschreiten die Verwendung von Ellipsen

2. CSS-Methode zur Lösung des Problems, dass die Anzahl der Textwörter die Anzeige von Ellipsen überschreitet ... (einzelne Zeile, mehrzeilig) Zeilentext)

3. Kostenloses Online-CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonVerwenden Sie CSS, um das Problem zu lösen, dass die Anzahl der Zeichen im Titel die Auslassungszeichen-Ersetzungsmethode überschreitet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn