gpt4 book ai didi

html - 隐藏内联元素的溢出

转载 作者:行者123 更新时间:2023-11-28 15:22:40 24 4
gpt4 key购买 nike

<分区>

如何实现以下(纯CSS)?

  • 在固定宽度的 block 中:
  • 显示文本,然后是其他字符/图像 (✤)。
  • 但是,当文本太长时,隐藏它的溢出,
  • 同时仍然显示其后的字符/图像 (✤)。

视觉上:

enter image description here

它不应该:

  • 将文字换行
  • 增长 block
  • 隐藏字符/图像 (✤)
  • 始终显示右边的字符

标记(但如果有帮助,请随意建议使用其他标记):

<div class=outer>
<span class=copy>Text abc def ghi jkl mno pqr stu</span>
<span class=symbol>✤</span>
</div>

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