首頁>Club>

html中上下間距怎麼寫？

12
回覆列表
  • 1 # 無雙木林森

    html中段落之間有空行間距預設是有定距離，這個間距是margin-top與margin-bottom預設值，同時與line-height相關。

    1、line-height設定段落上下間距

    設定p標籤上下間距css程式碼

    p{ line-height:30px}

    2、margin-top和margin-bottom設定段落上下間距

    p{margin-top:10px;margin-bottom:10px}

    經由對p標籤設定margin-top和margin-bottom，從而來設定段落上下間距。

    3、段落上下間距設定例項

    <!DOCTYPE html>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>p段落上下間距隔絕距離配置例項 CSS5</title>

    <style>

    .abc{ line-height:20px; text-align:left}

    .p-a p{ margin-top:30px; margin-bottom:30px}

    .p-b p{ margin-top:60px; margin-bottom:60px}

    </style>

    </head>

    <body>

    <div>

    <p>第一段</p>

    <p>第二段</p>

    <p>第三段</p>

    <p>第四段</p>

    </div>

  • ∧ 中秋節和大豐收的關聯？
  • ∨ r s t圖的運算規則，包括交，並，自然連線，除等等……各個運算規則是什麼啊，也不懂R S？