gpt4 book ai didi

css - 省略号在 Internet Explorer 上运行不佳

转载 作者:太空宇宙 更新时间:2023-11-04 05:11:34 31 4
gpt4 key购买 nike

我正在尝试使用 text-overflow: ellipsis 来截断我网站上的文本。在Firefox中正常显示,在IE中不显示;我在下面包含了我的代码和它在 Firefox 和 IE 中如何显示的示例:

.ellipsis {
font-weight: bold;
height: 1.2em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 150px;
}

Elippis on IE and Firefox

最佳答案

text-overflow 已经是 available as of IE6 ,因此您不需要使用 Microsoft 供应商前缀。但是,您可能需要 Opera 和 Webkit 的这些扩展,具体取决于您的站点计划支持的内容。

您在哪个版本的 Internet Explorer 中对此进行测试?

你显然可以使用 jQuery plugin对于相同的功能相当容易,但如果 IE 是您唯一的问题,则您不需要这样做,因为如前所述,它应该支持该功能。

这里是一个简单的代码复制,应该可以使用这个功能:

<!DOCTYPE html>
<html>
<head>
<title>text-overflow: ellipsis</title>
<style type="text/css">
.ellipsis {
height: 1.2em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 150px;
}
</style>
</head>
<body>
<div class="ellipsis">
This is a test of the less-than-emergency
broadcast system. This is only a test.
</div>
</body>
</html>

关于css - 省略号在 Internet Explorer 上运行不佳,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9222254/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com