代码之家 › 专栏 › 技术社区 › Robin

css h4页边距的属性值无效

margin css html

Robin · 技术社区 · 6 年前

我想用styles.css更改h4元素的matgins

在HTML文件中,h4嵌套如下:

main div h4 {
  margin: 20px, 0, 0, 0;
  /* want to change top margin */
}

<main role="main" class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5">
  <div style="padding-top: 1.0rem;">
    <ul>...</ul>
    <h4 id='sec_summary'>Summary</h4>
  </div>
</main>

在styles.css中定义的其他样式工作正常。但是当我试图按照上面所示的方式设置h4边界时,我尝试了不同的数字和单位,h4的边界一点也不改变。为什么代码不起作用?

4 回复 | 直到 6 年前

Ehsan 6 年前

去除 , :

main div h4 {
    margin: 20px 0 0 0; /* want to change top margin */
}

Ehsan 6 年前

你需要移除 , 从您的 css 然后放 space 相反

main div h4 {
    margin: 20px 0 0 0; /* want to change top margin */
  }

Mr. Roshan 6 年前

您需要从CSS中删除逗号(,)并放置()空格

您将按以下方式定义个别保证金:

  main div h4 {
    margin-top: 20px;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
     }

您将使用以下组合语法:

   main div h4 {
    margin: 20px 0 0 0;
     }

Ashique Ansari 6 年前

请移走 , 从你的CSS空白代码中,在它们之间放置空格,就像,

main div h4 {
  margin: 20px 0 0 0; 
}

如果Margin属性有四个值:

top margin is 20px
right margin is 0px
bottom margin is 0px
left margin is 0px

推荐文章

Vithis · WPF更改边距会向下推其他元素

6 年前

RejectEd27 · 无法从方框中删除边距

7 年前

altos · 菜单切换添加间距(边距)(如果单击)

7 年前

Iucounu · 响应CSS容器仅在平板电脑大小时失去利润

7 年前

A. Schmidt · XAML:ListViewItem中的StackPanel/GridView不占用ListViewItem的整个空间

7 年前

Shankar Naik · 为什么视图的边距必须为-20才能接近屏幕的末尾,为什么不为零?

7 年前

yoan26 · 根据子大小+边距展开父div

7 年前

Alexander Prisazhny · jQuery问题:body overflow vs body margin

7 年前

Taylor Barton · iFrame标记上的边距

7 年前

De Papier · 上/下页边距百分比在firefox中不起作用[重复]

7 年前