我有以下代码:省略不工作
.biz-desc {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 600px;
}
<div class="section-segment">
<span class="biz-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent faucibus nisi non tellus pharetra, nec tempus mi fringilla. Vestibulum consequat dolor sit amet orci suscipit, id facilisis metus tempus. Maecenas in massa eget nisl porttitor molestie id ut velit. Nullam quis purus porttitor neque fermentum dignissim quis nec felis. Aenean non maximus quam, sit amet tincidunt sapien. Nam ut gravida libero. Quisque tortor ante, maximus sit amet nunc at, convallis posuere felis. Proin venenatis sit amet metus eu porta.</span>
</div>
我的想法是,说明将被截断,并会显示三个点(...)当文本太长为屏幕。
但是这不起作用。我只是从div
的边框中获取长文本。
我试图添加max-width: 600px;
到.biz-desc
但无济于事。
任何人都可以看到有什么问题或告诉我如何达到这个温和的要求?
您是否曾尝试将'biz-desc'类添加到'div'或将CSS应用于'.section-segment'而不是'.biz-desc'? – Xufox
下面是省略号的工作要求:http://stackoverflow.com/a/33061059/3597276 –