文字溢出的样式点:省略号

用户名

可以在其上设置点的样式text-overflow: ellipsis吗?

例如,将“ Lorem Ips ...等省略号加粗

尼科·奥

受到这个答案的启发,是一种设计省略号的方式。该解决方案的缺点是

  1. 您必须重新分配默认的文本样式
  2. 您需要一个<span>(或任何其他)元素

.text-overflow
{
  color: blue;
  font-weight: bold;
  font-size: 20px;

  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  white-space: nowrap;
}

.text-overflow > span
{
  font-weight: normal;
  color: black;
  font-size: 14px;
}
<div class="text-overflow"><span>Here is some very nice text indeed. So this is getting long</span></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

设置“文本溢出:省略号”的点颜色

来自分类Dev

块级元素是否支持文本溢出:省略号

来自分类Dev

文字溢出:IE中的省略号

来自分类Dev

Flexbox和文本溢出:省略号混合使用吗?

来自分类Dev

CSS文字溢出省略号+以%表示的宽度无效

来自分类Dev

带省略号的段落溢出

来自分类Dev

溢出问题:隐藏和文本溢出:省略号

来自分类Dev

如何选择我的溢出省略号开始的位置

来自分类Dev

如何从文本溢出中删除三个点:省略号?

来自分类Dev

CSS“文本溢出:省略号”,并将元素垂直居中

来自分类Dev

为什么我的文字溢出:省略号;没有工作吗?

来自分类Dev

列表项的文本溢出省略号并保留数字

来自分类Dev

文字溢出省略号不起作用

来自分类Dev

文字溢出:省略号在有限的显示行中不起作用

来自分类Dev

CSS文字溢出:省略号在V-chip上不起作用

来自分类Dev

将文本放置在与第二行文本溢出省略号内联的点后

来自分类Dev

如何使文本溢出省略号3点可点击?

来自分类Dev

文字溢出:省略号;不截断溢出文本并给出省略号

来自分类Dev

CSS文字溢出:省略号不取决于宽度

来自分类Dev

文本溢出:省略号显示不同的字符

来自分类Dev

如何使用文字溢出:省略号?

来自分类Dev

Flexbox和文本溢出:省略号混合使用吗?

来自分类Dev

文本溢出:省略号和显示表格单元

来自分类Dev

具有多个跨度的文本溢出省略号

来自分类Dev

为什么我的文字溢出:省略号;没有工作吗?

来自分类Dev

文字溢出的样式点:省略号

来自分类Dev

文本溢出省略号不受位置影响:相对

来自分类Dev

CSS 文本溢出省略号无法正确显示

来自分类Dev

文本溢出:省略号不被尊重

Related 相关文章

热门标签

归档