gpt4 book ai didi

html - 具有多个水平元素的包装器的 CSS 文本溢出省略号

转载 作者:太空宇宙 更新时间:2023-11-03 18:32:07 24 4
gpt4 key购买 nike

我有一个宽度可变的包装器元素(它必须取决于浏览器的当前宽度)。

在该包装器内可能有 1、2 或 3 个 span 元素。每个 spans 上的文本长度未知。

这是预期的行为,但对于这个例子,我被迫为每个 span 定义了一个 30% 的宽度(定义 30% 的宽度以使用 text-overflow: ellipsis), 但是,我不能在这个元素中分配一个固定的宽度,因为我的字体知道有多少跨度。

enter image description here

有没有办法在不为每个元素指定宽度且不使用 java 脚本的情况下实现此行为?

最佳答案

你必须指定一个宽度,否则每个元素的宽度都会是 100% :/

只有1个元素时不指定宽度不是问题

关于html - 具有多个水平元素的包装器的 CSS 文本溢出省略号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19571355/

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