我打算设置 p在我的图像旁边标记并移动顶部一点。
代码如下:
<style>
* {
margin:0;
padding:0;
}
p {
display:inline-block;
margin-top: -20px;
}
</style>
<body>
<img src="myimg.png">
<p>this is the intro of the page</p>
</body>
我发现无论我为 margin-top 设置什么值或 margin-bottom的 <p>标签，它不会按预期工作，调用 display:inline 有问题吗？这里？
最佳答案
您不能像这样在 inline 或 inline-block 元素上放置负边距。您可以添加一个 position:relative; 和一个负顶部。
* {
margin:0;
padding:0;
}
p {
display:inline-block;
position: relative;
top: -20px;
}<img src="http://placehold.it/200x200">
<p>this is the intro of the page</p>此外，我假设您会更改 CSS？走向全局(通过影响所有带有 * 的元素和带有 p 的所有段落)似乎相当激烈。最好使用类并针对您想要的内容。
关于html - 设置显示 :inline-block 后负边距不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46698477/