My CSS:

#content_right_head span
{
  display:inline-block;
  width:180px;
  overflow:hidden !important;
}

现在显示content content

但我想表现得像

我需要在内容后面显示点.内容动态地来自数据库.

推荐答案

为此,您可以使用text-overflow: ellipsis;属性.这样写

span {
    display: inline-block;
    width: 180px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</span>

JSFiddle

Html相关问答推荐

我怎样才能制作一个倾斜的倾斜 div 框

CSS 不适用于页脚

元素

CSS - 如何制作带有弯曲边缘的倒置边框底部?

在 html 和 SketchUp 中循环数据

如何在小型显示器中调整 svg 位置?

四列布局未调整到屏幕大小

为什么我的照片在悬停时会与视频播放器重叠?

如何将网格列与另一个网格布局同等设置

如何在 flex 容器中左对齐图像?

CSS 位置:粘性;在另一个 div 的开头停止粘滞

溢出自动和空白的问题:nowrap 和 flexbox

CSS:如何正确设置 url 图像以选中复选框

我无法让我的 标签在我的网格内居中

导航菜单:徽章的交替 colored颜色 ( colored颜色 应按顺序排列)

更改复选框的 colored颜色

使用 Bootstrap 的显示属性 d-none d-md-block 和 d-flex 冲突

如何将位置图像固定在另一个图像上

查找 Slack 团队 ID 和频道 ID 的最简单方法是什么?

获取 HTML5 本地存储密钥