使用 CSS 在 HTML 中的 Windows 样式图标和文件名

Question

我在互联网上找不到。如果有与我的问题类似的链接，请告诉我。

我想在 HTML 中使用 CSS 实现类似窗口图标和文件名的样式。检查附加的图像。在以下情况下，文件名很长，没有空格，但显示正确。

文件名：robot_circuits_computer_technology_desktop_1680x1050_hd-wallpaper-967920.jpg

我尝试使用不同的值和不同的属性组来跟踪 css 属性。

• 文本溢出：省略号；
• 溢出：隐藏
• 宽度：xxpx；
• 空白：nowrap;
• 自动换行：断字；

Answer 1

CSS 属性text-overflow:ellipsis 可以正常工作，文本只有一行。

如果您需要在多行文本的末尾使用省略号，则必须使用jQuery 插件。

例如：

1. jQuery ellipsis

2. jQuery dot dot dot