为了账号安全,请及时绑定邮箱和手机立即绑定

我想要呈现方式是这样的应该怎么改这个代码呢?

http://img1.sycdn.imooc.com//5815820e0001729f05200204.jpg

我希望呈现方式是字跟border-bottom:dotted有2px-3px的距离,并且字符的长短的虚线线长短一致,那么这个代码样式应该如何呈现?谢谢~

正在回答

代码语言

4 回答

http://img1.sycdn.imooc.com//5815893400019c9503990159.jpg

把样式添加再span标签里就可以设置等长,再添加padding属性

0 回复 有任何疑惑可以回复我~
#1

archery 提问者

它下面的线与字等长是因为<span>标签的原因才导致它等长的么还是什么?
2016-10-30 回复 有任何疑惑可以回复我~
#2

Howard229 回复 archery 提问者

对的,这是 作用域 的关系,li的作用域是一整行,所以li的样式就占据了那一行。但是span的作用域只有这几个字,当然span的样式也就只作用到这几个字了。
2016-10-30 回复 有任何疑惑可以回复我~
#3

archery 提问者 回复 Howard229

soga~懂了,这个是前面的知识居然忘了··· 谢谢哈~
2016-10-30 回复 有任何疑惑可以回复我~
#4

慕粉1826222000 回复 archery 提问者

li那里的知识点吗?
2017-02-03 回复 有任何疑惑可以回复我~
查看1条回复

不好意思 刚才我说错了 你是对的

0 回复 有任何疑惑可以回复我~

你的回答不对吧 span是内联元素不能设置边框 LI才可以 

我试了下 直接用LI才有效果

0 回复 有任何疑惑可以回复我~
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>边框</title>
<style type="text/css">
span{
	border-bottom:1px dotted #ccc;
	padding-bottom:3px;
}
</style>
</head>
<body>
<ul>
    <li><span>别让不会说话害了你</span></li>
    <br/>
    <li><span>二十七八岁就应该有的见识</span></li>
    <br/>
    <li><span>别让不好意思害了你</span></li>
</ul>
</body>
</html>


1 回复 有任何疑惑可以回复我~
#1

慕的地7212579

为什么我打出来只有两条线,最后一行没线
2016-11-02 回复 有任何疑惑可以回复我~
#2

Howard229 回复 慕的地7212579

看看你最后一个<li>标签或者里面的<span>标签写错了没有
2016-11-02 回复 有任何疑惑可以回复我~
#3

慕的地7212579 回复 Howard229

OK了,谢谢你
2016-11-03 回复 有任何疑惑可以回复我~
#4

慕的地7212579

回复 Howard229 为什么span要写在li的里边,我觉得span是块状元素,是不是应该包含行内元素li
2016-11-03 回复 有任何疑惑可以回复我~
查看1条回复

举报

0/150
提交
取消

我想要呈现方式是这样的应该怎么改这个代码呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信