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

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

為什么btn類的<a>標簽也要放在<p>里面

<div class="caption">
? ? ? ? ? ? ? ?<h3>Bootstrap框架系列教程</h3>
? ? ? ? ? ? ? ?<p>Bootstrap框架是一個優秀的前端框,就算您是一位后端程序員或者你是一位不懂設計的前端人員,你也能依賴于Bootstrap制作做優美的網站...</p>
? ? ? ? ? ? ? ?<p>
? ? ? ? ? ? ? ? ? ?<a href="##" class="btn btn-primary">開始學習</a>
? ? ? ? ? ? ? ? ? ?<a href="##" class="btn btn-info">正在學習</a>
? ? ? ? ? ? ? ?</p>
? ? ? ? ? ?</div>

正在回答

3 回答

總結下上面大神講的答案:就是這里的P標簽有2個主要的作用。1是p標簽默認的樣式有上下文之間的間隔使畫面看上去舒服點不會擠在一起。2就是可以自定義一個p標簽內有多少個button,防止在空間富足的時候后面的button擠上來

1 回復 有任何疑惑可以回復我~
<div?class="caption">
??<h3>Bootstrap框架系列教程</h3>
??<p>Bootstrap框架是一個優秀的前端框,就算您是一位后端程序員或者你是一位不
懂設計的前端人員,你也能依賴于Bootstrap制作做優美的網站...</p>
??<p>
????<a?href="##"?class="btn?btn-primary">開始學習</a>
????<a?href="##"?class="btn?btn-info">正在學習</a>
??</p>
??<a?href="##"?class="btn?btn-primary">開始學習</a>
??<a?href="##"?class="btn?btn-info">正在學習</a>
??<a?href="##"?class="btn?btn-danger">快學完了</a>
??<a?href="##"?class="btn?btn-info?disabled">我放棄</a>
</div>

58aef9010001a81a02720455.jpg

看這段代碼的效果圖如左圖所示:

顯然,最后一個按鈕跑到了下面一行去,因為擺不開了

對比上面的按鈕,又多了一個,由于有富裕的空間,所以自動給上來了,同理,當代碼如下所示時,可以看到,所有塊都擠到一行來了

再者我們能夠發現<p>標簽之間還有一定的間距,不設置p標簽則按鈕與按鈕或者圖片,色塊等等無間隔的擠在一起,頁面效果不理想

所以這里p標簽起到了一個分行,限制一行上按鈕個數的目的,當一個p標簽內的按鈕數量過多,依然會擠到下一行,這是木有辦法的事情,但是能有效的防止下面的標簽擠上來。

希望能夠幫到你




<div?class="caption">
??<h3>Bootstrap框架系列教程</h3>
??<p>Bootstrap框架是一個優秀的前端框,就算您是一位后端程序員或者你是一位不
懂設計的前端人員,你也能依賴于Bootstrap制作做優美的網站...</p>
??<p>
????<a?href="##"?class="btn?btn-primary">開始學習</a>
????<a?href="##"?class="btn?btn-info">正在學習</a>
??</p>
??<a?href="##"?class="btn?btn-primary">第一</a>
??<a?href="##"?class="btn?btn-info">第二</a>
??<a?href="##"?class="btn?btn-danger">第三</a>
??<a?href="##"?class="btn?btn-info?disabled">上來</a>
</div>

58aef902000121fc03000420.jpg


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

胖官與他的面包

講的這么好給你贊哦
2017-09-13 回復 有任何疑惑可以回復我~

000

1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

為什么btn類的<a>標簽也要放在<p>里面

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

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

公眾號

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