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

以上程式碼是在html中編寫內聯(lián)塊元素的基本語法。我們在下面使用了一些預先定義的內聯(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

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

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

  \n
  • 如同先前文章所討論的，我們在區(qū)塊級元素中建立了 HTML 內嵌塊元素。 HTML 元素僅需要使用者指派給定的必要空間，並且彼此相鄰地出現(xiàn)在 HTML 標籤的同一行上。我們無法控制 HTML 元素的高度和寬度；這是內嵌元素的屬性。 <\/li>\n
  • 名為 display: inline 的 CSS 樣式屬性在需要時會忽略內邊距和邊距設定；它將允許 HTML 中的填滿和邊距值。它僅包含內聯(lián)元素，並藉助 display: inline 等設定使區(qū)塊元素顯示在一行中。?<\/strong>如果您不想最小化 HTML 程式碼，我們可以使用 CSS 樣式將 div 標籤設定為 50% 寬度。這是內聯(lián)塊元素的 CSS 解決方案。 <\/li>\n
  • 有時我們可以使用空格：no-wrap 是父容器；它將允許
    按照我們的預期在每個div 內聯(lián)區(qū)塊中顯示的標籤，而不將div 連結在一起也稱為嵌套div 標籤。我們已經(jīng)討論了一些內聯(lián)塊元素，這些元素將用於在 CSS 樣式的幫助下建立佈局。 \n
  • 假設我們在 HTML 中使用兩個 div 標籤，並透過 CSS 樣式中的 inline-block 元素設定來顯示。我們可以將每個標籤的寬度設定為 50%，但第二個 div 標籤比第一個 div 標籤低。 <\/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>在上面的程式碼中，我們設定了兩個div標籤的寬度；每個都是 50%，顯示屬性是 inline-block。預期輸出會有所不同，因為兩個 div 標籤的寬度為 50%，因此任何標籤值都會變更為 51% 或 49%。儘管如此，這並不是一個好的做法，而且對於 HTML 元素空間來說也不夠；它至少需要 50%，因為內聯(lián)元素尊重 HTML 中兩個 div 標籤之間的字間距。 <\/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