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

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

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

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

边框/br

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

我的方案:溢出隐藏

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

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

实现类似于目录的虚线填充样式相关推荐

Python批量设置pptx文件中文本框边框与填充样式（含20分钟视频讲解）
近期会议: 10月30-11月1日全国高校Python课程高级研修班(苏州) 推荐图书: <Python程序设计(第3版)>,(ISBN:978-7-302-55083-9),董付国,清 ...
html让文本框左剧中对齐_Python批量设置pptx文件中文本框边框与填充样式（含20分钟视频讲解）...
近期会议:10月30-11月1日全国高校Python课程高级研修班(苏州)推荐图书:<Python程序设计(第3版)>,(ISBN:978-7-302-55083-9),董付国,清华大学 ...
Word目录中自动添加自定义样式的多级标题的方法
本文介绍在Word文档中,生成自动目录时将自定义样式的标题也包括进去的方法. 对于Word的自动目录而言,其在生成时默认无法将自定义样式的标题纳入其中,而只能对标题1.标题2等Word自带标准 ...
html给input添加边框,html input怎么设置虚线边框样式
html input设置虚线边框的方法:在input标签中使用style属性,添加"border-style: dashed;"或者"border:宽度值 dashed ...
html div 虚线边框样式,纯CSS实现渐变虚线框和边框滚动动画
渐变虚线边框如果对边框的样式细节不是很在意,我们可以借助反向镂空的方法实现,也就是虚线原本实色的地方和周围颜色融为一体,看上去透明,而原来虚框透明的部分透出渐变背景色,于是看上去像是渐变色. 以下是 ...
geoserver SLD 面状图斑填充样式
1.面状图斑填充斜线样式 2.WellKnownName代码 3.SLD示例代码 <?xml version="1.0" encoding="GBK&quo ...
css实现虚线表格样式
我们在建立table的时候,会发现它会具有一些默认的样式,比如单元格td之间会有间距,所以我们通常开头是这样写的: <table border="0" cellspacing ...
【CSS学习】自定义虚线大小样式
虚线设置两种:1.border 里的 dashed:2. 利用div自定义圆设置块元素的border-radius属性设置边角曲率虚线圆源代码 <h1>border属性dashed ...
div背景图片完整填充样式设置---background、background-size、background-attachment
<div>图片</div> <style> div{ background: url(images/images/bg.jpg) no-repeat; b ...
【Excel自动化办公Part4】：调整字体与样式的操作——字体、边框、对齐格式、颜色填充
目录一.修改字体样式二.获取表格中字体的样式三.设置对齐格式五.设置边框样式六.设置填充样式第一种(填充单种颜色) 第二种(填充渐变色) 一.修改字体样式 Font(name=字体名称, ...

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

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

边框/br

我的方案:溢出隐藏

实现类似于目录的虚线填充样式相关推荐

最新文章

热门文章