margin 相关问题

CSS边距属性定义元素周围的空间。

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

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

回答 1 投票 0

HTML块元素在刷新时移动(更改边距)

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

回答 1 投票 0

我如何强制垂直flexbox中的(旋转)元素不重叠?

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

回答 2 投票 1

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

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

回答 1 投票 4

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 4 投票 1

将Flex-Item内容居中

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

回答 1 投票 0

如何更改 到 以与]具有相同的填充] 使用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>

回答 2 投票 0

如何删除div之间的空白?

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

回答 3 投票 0

CSS边框宽度更改布局

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

回答 4 投票 0

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

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

回答 2 投票 1

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

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

回答 1 投票 0

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

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

回答 3 投票 0


动态地分配CSS保证金

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

回答 1 投票 -3

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

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

回答 11 投票 39

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

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

回答 2 投票 -1

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类定义。

回答 2 投票 24

CSS网格全屏余量/填充

使用CSS格,我需要一个完整的屏幕固定头,导航和页脚,只有文章是弯曲。随着利润率= 0像素这是确定但随着利润率= 10px的公司也不行,因为页脚是不固定的下面我怎样才能...

回答 2 投票 -3

© www.soinside.com 2019 - 2024. All rights reserved.