Der Inhalt dieses Artikels befasst sich mit der CSS-Implementierung. Wenn der Textinhalt die festgelegte Breite überschreitet, werden Auslassungspunkte verwendet, um den verbleibenden Inhalt (Code) zu ersetzen . Ich hoffe, es wird Ihnen helfen.
Wenn CSS eine bestimmte Breite überschreitet, verwenden Sie Ellipsen ..., um es zu ersetzen. Der folgende Code:
.content .navleft .histiry>ul{
width: 200px;
}
.content .navleft .histiry>ul li{
margin-left: 10px;
height: 20px;
line-height: 20px;
color: #999;
font-size: 12px;
cursor:pointer;/*鼠标放上变小手*/
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}Hinweis: Die letzten vier Codesätze ändern den Standardursprung „•“ vor ul li. Wir können ein • selbst mit der Eingabemethode eingeben. oder verwenden Sie border-radius: 50 % implementiert.
Verwandte Empfehlungen:
CSS-Implementierung einer einzeiligen Textanzeige mit ellipses_html/css_WEB-ITnose
CSS-Implementierung von Titel jenseits der Auslassungspunkte in der Breite, um _html/css_WEB-ITnose
Das obige ist der detaillierte Inhalt vonCSS implementiert, dass, wenn der Textinhalt die festgelegte Breite überschreitet, Ellipsen verwendet werden, um den verbleibenden Inhalt (Code) zu ersetzen.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
