当display设置为inline时，页边距-顶部无效

当display属性设置为inline时，页边距-顶部（margin-top）会被忽略，不会产生任何效果。这是因为display:inline使元素以行内元素的方式呈现，行内元素不会独占一行，而是根据内容的大小进行排列，因此不需要考虑垂直方向的页边距。

如果需要在行内元素中设置垂直方向的间距，可以考虑使用其他方式，如设置行高（line-height）或使用padding属性来实现。另外，如果想要设置元素的垂直方向的间距，可以将display属性设置为block或inline-block，这样就可以使用页边距来控制元素的间距了。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cmysql
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
区块链（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse

当display设置为inline时，页边距-顶部无效

html、css

问题是，当将鼠标悬停在链接上时，背景颜色变化会触及导航栏的最顶部，但不会触及底部。当显示设置为内联时，margin-top不起作用，我尝试过填充和类似的解决方案。background: #85b84b;} background: #444; displayjustify-content: space-between; text

浏览 48提问于2019-09-06得票数 0

回答已采纳

3回答

在HTML表单中设置标签和输入之间的边距

html、forms、margin

我想更改一个简单的HTML表单的标签和输入之间的边距。标签位于输入字段的下方。当我设置一个类时，我可以改变其他属性，比如font-size，但不能改变边距。

浏览 7提问于2014-02-11得票数 3

1回答

在IE中无法正确显示水平ul菜单-正在被挤压

html、css、internet-explorer-8

</ul> 和CSS： width: 440px; display: inline; padding-left: 40px;有线索吗伙计们？

浏览 2提问于2012-06-13得票数 1

回答已采纳

4回答

对元素应用页边距-底部

html、css、margin

由于某些原因，页边距-底部似乎不会影响元素的位置。我试着寻找答案，尽管所有的答案都与position:absolute有关，但我仍然无法让它工作。然而，我确实设法使用了负的页边距顶部来定位它，但我仍然很好奇是什么原因导致它无法工作。(我所说的是图像。边距-底部设置为100px。)

浏览 2提问于2012-06-15得票数 1

回答已采纳

2回答

在这种情况下，边距底部不起作用。

html、css

浏览 4提问于2015-02-03得票数 1

回答已采纳

1回答

如何向伪元素添加边距顶

html、css、margin、pseudo-element

我试图在包含css伪元素的标题中添加页边距顶部。 letter-spacing: 2px; position: absolute;

浏览 0提问于2019-07-21得票数 0

回答已采纳

2回答

使用Bootstrap对齐元素

html、css

当我按下Delete按钮时，我如何知道与delete按钮相关的名称是什么？

浏览 3提问于2017-09-26得票数 0

2回答

为什么.LogIn类，有页边距-顶部，我不能，改变它到更小的尺寸？

html、css

在这段代码中，我想设置.Login类的页边距-顶部，更小，虽然我将页边距-顶部设置为零，但它没有设置到靠近page.What的顶部，我可以做吗?为什么通过设置这种划分的页边距-顶部，这个div不设置，靠近页面顶部?其他的事情是ok的吗?其他

浏览 32提问于2020-06-14得票数 0

1回答

分页时的内联页边距

html、css

页码应居中对齐，上一页/下一页按钮应分别浮动到父元素的左边缘和右边缘。当使用display:inline-block时，页码边距仍然有效，但“上一页”/

浏览 2提问于2013-06-04得票数 0

回答已采纳

1回答

在子元素上设置页边距时，Webkit会在“body”元素的顶部留出额外的空间

html、css、webkit

html {} min-height: 100%;但我注意到，当我添加一个带有页边距的块元素时，页面大小会随着页边距的大小而变化。

浏览 0提问于2016-01-13得票数 1

1回答

用于导航的CSS :在Safari上悬停推送内容

css、wordpress、navigation

我在我们的网站上使用了一个我稍微调整过的WordPress主题，并注意到Safari中的下拉导航:hover显示得太低，并将页面上的其他内容向下推。似乎和填充有关，但我搞不懂。 -滑块上方的导航。

浏览 15提问于2016-09-22得票数 1

4回答

我无法删除段落上方和下方的空格

html、css、padding、margin、line-height

我不能删除网页顶部只包含字母"I“的段落上下的空格。我已经尝试删除它与“边距”和“填充”属性，但它没有改变。我还尝试了，对于属性" line - height "，将值1设置为1，这样行的高度就与文本的大小完全匹配，而且也不起作用。 <!

浏览 45提问于2021-02-03得票数 1

3回答

CSS:我是否可以按边距右对齐元素:0 0 0 auto？

css、alignment、margin

是否可以通过设置左边界右对齐元素但不是浮动我不知道这是否正确，但它在Chrome和Safari中都有效。

浏览 0提问于2012-09-03得票数 5

回答已采纳

2回答

如何使用单击动画制作div的marginTop

click、jquery-animate、toggle、margin

我想要设置一个div的动画，将它的顶部边距设置为property.Initially -top:10%.单击它，将顶部的边距减少到5%，并显示下一个带有其内容的div (使用切换())。function() $( "#outer_wrapper" ).toggle( "clip",300); $("#login").animate({marginTop:&#

浏览 4提问于2013-07-31得票数 0

4回答

为什么缺少页边距顶部和底部？

html、css

<span>world</span> </body> 但console显示上、下边距都是10px：那么上边距和下边距在哪里呢？

浏览 1提问于2017-03-03得票数 2

2回答

显示:内联块将段落向左移动。

html、css、display

为什么div显示属性inline-block将段落移动到左，该段落由margin:0 auto居中，没有显示属性。.content padding: 20px; display: inline-block; height当我添加display: inline-block时，段落移动到左侧。为什么会这样呢？

浏览 2提问于2016-06-08得票数 2

回答已采纳

8回答