【问题标题】:How to show an ellipsis as text inside a span element?如何在 span 元素中将省略号显示为文本?
【发布时间】:2023-03-31 21:47:02
【问题描述】:

我有一个要求,我想将 ... 显示为跨度内的文本。由于某种我不知道的原因,似乎没有浏览器将其识别为文本。我在这里缺少什么吗? 如果这有什么不同,我会在页面中包含 jquery 1.8.3。

.ellipse{
    float: left;
 }    

var less = '<span class="ellipse less">...</span>';
var div = '<div></div>'


$(div).html(less); 

我希望看到

<span class="ellipse less>...</span>

在浏览器调试器中。但我看到的是

<span class="ellipse less></span>

... 不会在 span 元素内显示为文本。

小提琴链接http://jsfiddle.net/P4J8u/12/

【问题讨论】:

  • 如何将其添加到页面中?
  • 你能不能给我们更多的细节,我个人不太明白你的问题...
  • 我正在尝试创建一个 HTML 字符串 - 就像上面问题中的那个。后来我使用 $(smthg).html() 来构造html。
  • 请说明为什么投反对票。会让我知道我没有添加到问题中的内容。
  • 您需要在问题中包含更新 html 的 jQuery。

标签: css html ellipsis


【解决方案1】:

Fiddle

这是一个将“...”添加到页面的工作示例。

var less = '<span class="ellipse less">...</span>';
$('body').html(less);

在您的问题中,您进行了编辑以包含 $(this).html(less);,但您还有哪些其他代码,因为没有人知道 this 指的是什么。

【讨论】:

  • 我更新了您在此处发布的小提琴以复制我的问题。
  • 那很酷,但你必须告诉我链接,否则我要坐在这里猜?
  • 您必须先创建 div 元素,然后再将 html 附加到它。您不能只将 html 附加到存储在变量中的 html 字符串。
  • 您的 html 中没有 div。你的意思是jsfiddle.net/watson/P4J8u/13 吗?
  • 是的,我错过了在小提琴代码中将 div 添加到正文中。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-09-06
  • 2013-12-07
  • 1970-01-01
  • 2017-01-09
  • 2019-10-23
  • 2017-09-06
  • 2018-05-03
相关资源
最近更新 更多