怎么设置边框的长度呢？-慕课网

首页课程实战体系课手记专栏慕课教程

怎么设置边框的长度呢？

来源：12-10 我想脚下踩条线 - 使用border为盒子添加边框（二）

慕粉1466139852

2016-07-21 17:13

border-bottom:1px dotted red;通过这种方式可以设置下边框，但是怎么去控制其长度呢。比如说：<span>“胆小如鼠”</span>我为这四个字设置的下边框，可是下边框的长度过长，我想让长度适应字数，这个怎么控制呢？

写回答关注

5回答

林再见

2017-03-17 23:05:33

可以将li设置为内联元素，然后再手动加上br回车（如图）

0 0
慕斯4529030

2016-09-21 14:25:30

display:inline-block
然后再设置看看

1 0

慕斯4529...

亲测可用代码是 span{ dispaly:inline-block; border:1px solid ; }

2016-09-21 14:27:55

共 1 条回复 >
乄小安静

2016-07-21 18:16:33

你的span没有被你设置为块级元素，正常属于内联元素的它的宽度就是属于自适应的你设置的border-bottom:1px dotted red；也将是自适应。

0 0
乄小安静

2016-07-21 17:39:45

看你有没有在span样式中有没有设置了padding,margin值

1 0

qq_慕侠5...

你这是下面的边框？？

2020-02-14 12:58:55

共 1 条回复 >

慕移动5084621: 2016-07-21 17:36:28

可以加入width来控制，如width:100px;，语句内容的长度就不会超过100px,超过的部分就会换行

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

相似问题

红色边框的长度是怎么设定的呢？

回答 2

怎么设置表单框的长度？

回答 3

设置边框？？

回答 2

圆角矩形的边框怎么设置？

回答 1

边框设置问题

回答 7

打开慕课网App查看更多内容