css 如何仅添加省略号并删除原始文本

inn6fuwd  于 2022-12-05  发布在  其他
关注(0)|答案(1)|浏览(161)

我在试着做面包屑

我的最终目标是Item1/.../.../Item4
所以我能够使Ite...,但我想使它只像上面的例子...。请提供代码示例(它帮助我很多,因为我是初学者在css/html)谢谢!
我所尝试的..
第一个

i5desfxk

i5desfxk1#

根据this stack,我发现最好的方法是将项 Package 在span中以隐藏它们。您需要它是因为您不能将:before:after伪元素添加到display:none元素中。
然后您可以:

  • display:none跨距不是第一个和最后一个项目
  • ...添加到不是第一项和最后一项的元素中
  • 在不是最后一个的每个元素后添加/

注意:ul{font-size: 0;}li{font-size: initial;}用于删除一些不必要的空格
第一个

相关问题