Question

我们知道，有一种方法可以限制标记 p 中的单词，但我想在标记 span 上做一些事情而不要更改它显示属性，无论如何都有实现它吗？

更新：我不想更改显示属性，因为它可以打破正常流程。那么，有没有办法实现它？我想text-overflow可能恰好适合block或inline-block框。

Answer 1

在span标记上应用与p标记相同的样式，并将此属性添加到其中：

display:inline-block;

这样就可以了。

干杯，

Answer 2

这种做法违背了<span>的目的，但只是将display: block;或display:inline-block;添加到span会产生同样的效果。所以你的代码将成为：

＆＃13;

p,span{
  width: 100px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
span{
  display:block;
}

＆＃13;

<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<p>ttestesttestesttestesttestesttestestestest</p>
  <br>
  <span>testesttestesttestesttestesttestesttestesttestest</span>
</body>
</html>

＆＃13;

Answer 3

Fiddle

默认情况下，

spans是内联元素。使用display: block;覆盖它。

无论如何限制<span>标签中的单词而不更改其显示属性？

3 个答案: