Bootstrap_排版_代碼,bootstrap排版代碼

來源:互聯網
上載者:User

Bootstrap_排版_代碼,bootstrap排版代碼

  不管使用哪種代碼風格,在代碼中碰到小於符號(<)要使用寫入程式碼&lt;”來替代,大於符號(>)使用“&gt;”來替代

一、單行內聯代碼

  <code>:一般是針對於單個單詞或單個句子的代碼

<code>&lt;code&gt;</code><code>&lt;pre&gt;</code><code>&lt;kbd&gt;</code>

 

二、多行塊代碼

  <pre>:一般是針對於多行代碼(也就是成塊的代碼)

<pre>&lt;ul&gt;&lt;li&gt;...&lt;/li&gt;&lt;li&gt;...&lt;/li&gt;&lt;li&gt;...&lt;/li&gt;&lt;/ul&gt;</pre>

效果如下:

  有時候代碼太多,而且不想讓其佔有太大的頁面篇幅,就想控制碼塊的大小。Bootstrap也考慮到這一點,你只需要在pre標籤上添加類名“.pre-scrollable”,就可以控制碼塊地區最大高度為340px,一旦超出這個高度,就會在Y軸出現捲軸

 

三、使用者輸入代碼

  <kbd>:一般是表示使用者要通過鍵盤輸入的內容。

<kbd>ctrl+c</kbd>來複製代碼
<kbd>ctrl+v</kbd>來粘貼代碼

 

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.