亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

我想要呈現方式是這樣的應該怎么改這個代碼呢？

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下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號