时间戳

首页 > 解决方案 > 文本溢出：省略号不起作用？

css - 文本溢出：省略号不起作用？

问题描述

.one{  background: rgba(238, 238, 238, 0.616);
padding: 10px;
width: 610px;
height: 70px;
float: left;
position: relative;
 text-overflow: ellipsis;

}

我面临的问题是 text-overflow: ellipsis 在这里不起作用是代码：

而且我在之前和之后都使用了悬停（我提到过，因为我虽然它可能与它有关系）

标签： css

解决方案

W3Schools 是 CSS 的一个很好的参考。它在text-overflow物业上的页面包含以下声明：

文本溢出需要以下两个属性：

空白：nowrap；溢出：隐藏；

p {
  margin-top: 3em;
  font-size: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a finibus felis, eu venenatis velit. Aliquam erat volutpat. Integer quis nunc sodales, fermentum nisi quis, iaculis ipsum. Donec eu mi sit amet neque pretium luctus nec dignissim dolor. Donec ut euismod nibh. Morbi a erat et lacus semper pharetra id dignissim neque. Morbi malesuada sem vitae nunc pellentesque scelerisque. Vivamus vel vehicula nibh. Maecenas efficitur, diam eget malesuada tempor, orci mi interdum purus, sed dictum tortor est nec est. Quisque ex felis, cursus eget est et, viverra dictum tortor. Maecenas laoreet dictum sem, ac rutrum enim vehicula vel. Pellentesque sollicitudin purus in mauris laoreet ultrices. Donec tristique orci eu eleifend iaculis. Sed eget ligula vitae mauris ultrices consectetur in tincidunt erat. Mauris in sollicitudin dui.
</p>

推荐阅读