<blockquote id="w09gq"><table id="w09gq"></table></blockquote>

---some html codes ---<\/span> <\/p>\n<\/body>\n<\/html><\/pre>\n

以上程式碼是在html中編寫內(nèi)聯(lián)塊元素的基本語法。我們?cè)谙旅媸褂昧艘恍╊A(yù)先定義的內(nèi)聯(lián)塊元素集。 <\/p>\n

\n
• <\/a><\/li>\n
• \n
• \n
• <\/b><\/li>\n
• <\/bdo><\/li>\n
• \n
• 
  <\/li>\n
• \n
• \n
• \n
• <\/dfn><\/li>\n
• <\/em><\/li>\n
• <\/i><\/li>\n
• <\/li>\n
• \n
• <\/kbd><\/li>\n
• \n
• \n
• \n
• \n
• <\/q><\/li>\n
• <\/samp><\/li>\n
• \n
• \n
• \n
• \n
• \n
• \n
• ^{<\/sup><\/li>\n}
• \n
• \n
• <\/tt><\/li>\n
• <\/var><\/li>\n<\/ul>\n

  以上標(biāo)籤主要是根據(jù)使用者需求在html中預(yù)先定義的html內(nèi)嵌元素；我們將重點(diǎn)放在 html 內(nèi)嵌區(qū)塊元素中的標(biāo)記。我們都知道區(qū)塊級(jí)元素總是開始一個(gè)新行並佔(zhàn)據(jù)給定變數(shù)的完整寬度，但內(nèi)聯(lián)元素不會(huì)開始一個(gè)新行。此外，與區(qū)塊級(jí)元素相比，它需要的寬度更小，但有必要在 html 內(nèi)聯(lián)元素中聲明寬度。內(nèi)聯(lián)元素將在段落元素的內(nèi)部聲明。 元素通常在容器中用作一些文本，並且沒有特定的必需屬性，但給定的 css 樣式、類別和 id 在 時(shí)是常見的。 element 在文字的某些樣式部分與 css 一起使用。 <\/span><\/span><\/p>\n

  如何建立 HTML 內(nèi)聯(lián)塊？ <\/h3>\n

  \n
  • 如同先前文章所討論的，我們?cè)趨^(qū)塊級(jí)元素中建立了 HTML 內(nèi)嵌塊元素。 HTML 元素僅需要使用者指派給定的必要空間，並且彼此相鄰地出現(xiàn)在 HTML 標(biāo)籤的同一行上。我們無法控制 HTML 元素的高度和寬度；這是內(nèi)嵌元素的屬性。 <\/li>\n
  • 名為 display: inline 的 CSS 樣式屬性在需要時(shí)會(huì)忽略內(nèi)邊距和邊距設(shè)定；它將允許 HTML 中的填滿和邊距值。它僅包含內(nèi)聯(lián)元素，並藉助 display: inline 等設(shè)定使區(qū)塊元素顯示在一行中。?<\/strong>如果您不想最小化 HTML 程式碼，我們可以使用 CSS 樣式將 div 標(biāo)籤設(shè)定為 50% 寬度。這是內(nèi)聯(lián)塊元素的 CSS 解決方案。 <\/li>\n
  • 有時(shí)我們可以使用空格：no-wrap 是父容器；它將允許
    按照我們的預(yù)期在每個(gè)div 內(nèi)聯(lián)區(qū)塊中顯示的標(biāo)籤，而不將div 連結(jié)在一起也稱為嵌套div 標(biāo)籤。我們已經(jīng)討論了一些內(nèi)聯(lián)塊元素，這些元素將用於在 CSS 樣式的幫助下建立佈局。 \n
  • 假設(shè)我們?cè)?HTML 中使用兩個(gè) div 標(biāo)籤，並透過 CSS 樣式中的 inline-block 元素設(shè)定來顯示。我們可以將每個(gè)標(biāo)籤的寬度設(shè)定為 50%，但第二個(gè) div 標(biāo)籤比第一個(gè) div 標(biāo)籤低。 <\/li>\n\n

    代碼：<\/strong><\/p>\n

    \n\nsection {\nbackground: green;\nbox-sizing: border-box;\npadding: 150px;\n}\ndiv {\nbox-sizing: border-box;\ndisplay: inline-block;\nheight: 100px;\npadding: 54px;\ntext-align: center;\nwidth: 53%;\n}\n.green {\nbackground: lightgreen;\n}\n.black {\nbackground: black;\n}\n<\/head>\n
    国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂
    \n\n<\/span>\n
    \n
    Width: 40%<\/div>\n
    Width: 60%<\/div>\n<\/section>\n<\/body>\n<\/html><\/pre>\n
    上述程式碼說明：<\/strong>在上面的程式碼中，我們?cè)O(shè)定了兩個(gè)div標(biāo)籤的寬度；每個(gè)都是 50%，顯示屬性是 inline-block。預(yù)期輸出會(huì)有所不同，因?yàn)閮蓚€(gè) div 標(biāo)籤的寬度為 50%，因此任何標(biāo)籤值都會(huì)變更為 51% 或 49%。儘管如此，這並不是一個(gè)好的做法，而且對(duì)於 HTML 元素空間來說也不夠；它至少需要 50%，因?yàn)閮?nèi)聯(lián)元素尊重 HTML 中兩個(gè) div 標(biāo)籤之間的字間距。 <\/p>\n
    We can also use some borders and padding styles in the HTML div tags; it will highlight the web pages more effectively. We use 
     tag called block-level elements for the above codes. We use the  tag as the inline element tag; we will use some contents inside the tags that will be required on the web page.<\/p>\n
    Examples to Implement in?Inline-Block<\/h3>\n
    We will discuss the below examples.<\/p>\n\n\n
    Example #1<\/h4>\n
    Code:<\/strong><\/p>\n
    \n\n
    Sample Welcome<\/span>To my domain<\/p>\n
    Welcome to My Domain<\/p>\n<\/body>\n<\/html><\/pre>\n
     Output:<\/strong><\/p>\n
    <\/p>\n
    Example #2<\/h4>\n
    Code:<\/strong><\/p>\n
    \n\n
    <label id="lhzdy"></label>
    <span id="lhzdy"><kbd id="lhzdy"></kbd></span>