gpt4 book ai didi

html - 如果我们有 br 标签,文本溢出省略号点不会在 IE 和 Edge 浏览器中显示

转载 作者:行者123 更新时间:2023-11-28 00:44:22 25 4
gpt4 key购买 nike

我正在尝试应用 text-overflow: ellipsis,它在特定的 div 中包含一个 br 标签。在 chrome 中,它工作正常,在 IE 和 Edge 浏览器中,省略号点 (...) 不显示。
标签将被动态添加。 Please see the issue screenshot in EDGE & IE

<!DOCTYPE html>
<html>
<head>
<style>


div.b {
white-space: nowrap;
width: 150px;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #000000;
}


</style>
</head>
<body>


<h2>text-overflow: ellipsis:</h2>
<div class="b"> <b>Hello world!Hello world!Hello world!Hello world!</b> <br /> second line text: Helloworld!Helloworld!Hello world!Hello world!</div>



</body>
</html>

最佳答案

为什么我们不稍微改变一下结构,它也可以在 IE 中工作

div.b{
width: 150px;
border: 1px solid #000000;
}
div.b b, div.b p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display:block;
margin: 0;
}
<h2>text-overflow: ellipsis:</h2>
<div class="b">
<b>
Hello world!Hello world!Hello world!Hello world!
</b>
<p>
second line text: Helloworld!Helloworld!Hello world!Hello world!
</p>
</div>

关于html - 如果我们有 br 标签,文本溢出省略号点不会在 IE 和 Edge 浏览器中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53626682/

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