实现类似于目录的虚线填充样式

想实现类似于目录、菜单的自适应长度的虚线

直接加虚线会导致长短不一

目录一---------------1

文字较长的目录二---------------2

边框/br

使用下边框虚线或br改成虚线,都会出现换行的现象

我的方案:溢出隐藏

具体文字分别左右对齐,中间设置span放足够长的-----------或·········,给span设置属性:

强制不换行 white-space: nowrap;溢出隐藏overflow: hidden;