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

以上代碼是在html中編寫內(nèi)聯(lián)塊元素的基本語法。我們在下面使用了一些預(yù)定義的內(nèi)聯(lián)塊元素集。<\/p>\n

\n
• <\/li>\n
• \n
• \n
• <\/li>\n
• <\/li>\n
• \n
• 
  <\/li>\n
• \n
• \n
• \n
• <\/dfn><\/li>\n
• <\/li>\n
• <\/li>\n
• <\/li>\n
• \n
• <\/li>\n
• \n
• <地圖><\/li>\n
• \n
• \n
• <\/li>\n
• <\/li>\n
• \n
• \n
• \n
• \n
• <強(qiáng)><\/li>\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)關(guān)注 html 內(nèi)聯(lián)塊元素中的標(biāo)記。我們都知道塊級元素總是開始一個新行并占據(jù)給定變量的完整寬度，但內(nèi)聯(lián)元素不會開始一個新行。此外，與塊級元素相比，它需要的寬度更小，但有必要在 html 內(nèi)聯(lián)元素中聲明寬度。內(nèi)聯(lián)元素將在段落元素的內(nèi)部聲明。 元素通常在容器中用作一些文本，并且沒有特定的必需屬性，但給定的 css 樣式、類和 id 在 時是常見的。 element 在文本的某些樣式部分與 css 一起使用。<\/span><\/p>\n

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

  \n
  • 正如之前文章中所討論的，我們在塊級元素中創(chuàng)建了 HTML 內(nèi)聯(lián)塊元素。 HTML 元素僅需要用戶分配給定的必要空間，并且彼此相鄰地出現(xiàn)在 HTML 標(biāo)記的同一行上。我們無法控制 HTML 元素的高度和寬度；這是內(nèi)聯(lián)元素的屬性。<\/li>\n
  • 名為 display: inline 的 CSS 樣式屬性在需要時會忽略內(nèi)邊距和邊距設(shè)置；它將允許 HTML 中的填充和邊距值。它僅包含內(nèi)聯(lián)元素，并借助 display: inline 等設(shè)置使塊元素顯示在一行中。?<\/strong>如果您不想最小化 HTML 代碼，我們可以使用 CSS 樣式將 div 標(biāo)簽設(shè)置為 50% 寬度。這是內(nèi)聯(lián)塊元素的 CSS 解決方案。<\/li>\n
  • 有時我們可以使用空格：no-wrap 是父容器；它將允許
    按照我們的預(yù)期在每個 div 內(nèi)聯(lián)塊中顯示的標(biāo)簽，而不將 div 鏈接在一起也稱為嵌套 div 標(biāo)簽。我們已經(jīng)討論了一些內(nèi)聯(lián)塊元素，這些元素將用于在 CSS 樣式的幫助下創(chuàng)建布局。\n
  • 假設(shè)我們在 HTML 中使用兩個 div 標(biāo)簽，并通過 CSS 樣式中的 inline-block 元素設(shè)置來顯示。我們可以將每個標(biāo)簽的寬度設(shè)置為 50%，但是第二個 div 標(biāo)簽低于第一個 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>在上面的代碼中，我們設(shè)置了兩個div標(biāo)簽的寬度；每個都是 50%，顯示屬性是 inline-block。預(yù)期輸出會有所不同，因?yàn)閮蓚€ div 標(biāo)簽的寬度為 50%，因此任何標(biāo)簽值都會更改為 51% 或 49%。盡管如此，這并不是一個好的做法，而且對于 HTML 元素空間來說也不夠；它至少需要 50%，因?yàn)閮?nèi)聯(lián)元素尊重 HTML 中兩個 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