margin 相关问题

CSS-溢出滚动和填充权被忽略

增加每第二个x轴刻度ggplot2的边距

我正在寻找一种方法，可以使第二个x轴刻度线向下移动，并使刻度线随之下降。我可以使用以下方法更改所有刻度线的常规边距和刻度线长度：#MWE library（ggplot2）...

HTML块元素在刷新时移动（更改边距）

我在一个内联块div中有两个块元素，其中一个是垂直线，如此处的图片所示。这是供参考的代码.corner：before {display：block;宽度：...

我如何强制垂直flexbox中的（旋转）元素不重叠？

我正在尝试将一些旋转的文本放在页面的左上角，并在该文本的顶部添加一行，就像这样。我尝试通过具有垂直的弹性盒来做到这一点。我以为通过绘制...

[margin top导致父div下降[重复]

。d1 {background-color：lightblue; } .d2 {background-color：yellow;页边距：20px; } Test 在此...

如何在CSS [duplicate]中正确获得100％的宽度

我正在创建叠加层，但宽度最终在右侧错误。我哪里出错了？最后，我想要一些屏幕宽度为100％的按钮，减去一些边距。正文{width：...

使用Java脚本更改列表项的边距

我正在尝试使用JavaScript动态更改水平列表的右边距。我创建了一个名为“ space”的变量，该变量等于我想要的保证金数量。现在我需要使...

父容器和子容器之间的间距应该属于父容器还是子容器？

我正在努力确定CSS /边距应在CSS的哪个位置保持父容器和子容器之间的分隔。例如，如果您有一个带有两个嵌套子级的父div ...

将Flex-Item内容居中

我在一个伸缩容器内有以下伸缩项目（#globalSearchContLi）。容器是无序列表。我的问题是我正在创建一个具有半球形提交外观的有趣搜索栏...

如何更改 到 以与]具有相同的填充] 使用em而不是px，同时保持它们都相同？ 没有代码，只是一个简单的概念，我需要帮助： 我希望所有文本项 （（h1-h6，p，blockquote，代码等）]上方/下方的填充都是相同的。>我希望它是1em = 16px。但是，如果我将它们全部设置为1em填充，则像h1这样的较大文本项将具有更多填充，因为相对于h1的字体大小，它是1em。如何使它们相对于p的font-size为1em？ 我不想使用像素作为设置的宽度，因为然后将页面的文本加倍到1em = 32px的大小不会使填充加倍，从而使其变为所需的一半。我该怎么做？ 没有代码，只是一个简单的概念，我需要帮助：我希望所有文本项（h1-h6，p，blockquote，代码等）上方/下方的填充相同。我希望它是1em = 16px。但是，如果我将它们全部设置为... 您可以使用其他单位，例如rem, ch, ex 相对于周围文本的字体大小，设置 ， 的字体大小，并且计算ems中的填充与 的填充相同。 例如： body { font-size: 24px; } p { padding-top: 1em; } h1 { font-size: 1.25em; padding-top: 0.8em; /* = 1 / 1.25 */ } 视觉间隙仍然会有所不同，因为您没有说出任何关于边距和行高的信息。 查看它的工作原理（注意0.5 = 0.625 / 1.25）： <style> p, h1 { border: 1px solid red; } p { padding-top: 0.625em; padding-bottom: 0.625em; } h1 { font-size: 1.25em; padding-top: 0.5em; padding-bottom: 0.5em; } span { background: #DDEEFF; } </style> <p>This is some text which is intended as a filler to demonstrate a point. This is some text which is intended as a filler to demonstrate a point. This is some text which is intended as a filler to demonstrate a point. This is some text which is intended as a filler to demonstrate a point. This is some text which is intended as a filler to demonstrate a point.</p> <p><span>This is some more text which is intended as a filler to demonstrate a point. This is some more text which is intended as a filler to demonstrate a point. This is some more text which is intended as a filler to demonstrate a point. This is some more text which is intended as a filler to demonstrate a point. This is some more text which is intended as a filler to demonstrate a point.</span></p> <h1><span>Heading with the same padding as the paragraphs</span></h1> <p>This is some other text which is intended as a filler to demonstrate a point. This is some other text which is intended as a filler to demonstrate a point. This is some other text which is intended as a filler to demonstrate a point. This is some other text which is intended as a filler to demonstrate a point. This is some other text which is intended as a filler to demonstrate a point.</p>

如何删除div之间的空白？

我正在我的投资组合网站上工作，我不知道如何摆脱空白。根据检查元素，样式为ul.AMSI，但未在我的样式中使用。css图像托管于...

CSS边框宽度更改布局

将边框宽度从1px更改为0px时出现问题。这将改变div的布局。 div应该在边距的影响下逐步堆叠，但是当我将边框宽度设置为0px时，...

CSS宽度和边距不与媒体查询相加

我正在构建博客布局。目的是使内容居中并合理对齐，并且最大宽度和到窗口边界的最小距离。我已经开始工作了...

设置自动边距，以便两个容器具有相同的宽度/左边距

我有一个包含两个不同div的容器。这是第一个div：.div1 {width：290px;向左飘浮; }这是第二个div：.div2 {width：calc（100％-290px）; float：...

为什么CSS中的“ margin：0 auto” +“ display：block”命令居中？ [复制]

我了解“边距：0自动” +“显示：块”可以将诸如div或img之类的元素居中，但我不理解其背后的逻辑。我们只说：1.元素之间的空间为零...

div下方的活动标签边框底部，而不是div

动态地分配CSS保证金

我们怎样才能设置margin属性动态即我有在执行时间，以改变保证金的值。我的目标是，我有充分的投入和新的保证金后更改保证金...

在CSS中使用百分比边距，但想要最小边距以像素为单位？

我已设置边距：0 33％0 0;但是我也想确保保证金至少是某个px数量。我知道CSS中没有最低保证金，所以我想知道我是否在这里有任何选择？

CSS：是否有可能打破容器的同时保持布局

我编码这是应该在移动将全屏页面。这将显示在其对左，右页边距一个shopify店。我想删除这些不接触容器...

Bootstrap：无外部边界的流畅布局

如果我有： 某些元素。 如果我正确理解了您的问题，我相信您想要这样做： .container-fluid { padding: 0px; } 此外，如果您使用的是响应式引导程序，则也需要这样： @media (max-width: 797px) { body { padding-left: 0px; padding-right: 0px; } } 编辑：这是a js fiddle。 您看到的效果是由于container的填充。 您可以使用内置的container更改Bootstrap 4 spacing utility classes的默认填充。 要删除填充，请将p-0添加到container： <div class="container-fluid p-0"> <div class="row"> <div class="col-8"> Some Element.... </div> <div class="col-4"> Other Element </div> </div> </div> 使用内置实用程序类的好处是使CSS保持精简，并且也不会修改默认的container-fluid类定义。