Question

我在div标签中放了一个p标签。我想让段落更高，但它不会移动。但它确实会失败。

这是我的代码：

＆＃13;

.iansoft-os {
left: 30%;
background-color: blue;
width: 130px;
height: 140px;
font-family: Ostrich Sans;
color: white;
}

＆＃13;

	<div class="iansoft-os">
		<a href="https://ianthepark.weebly.com/iansoft-os"><img src="powerpoint_orig.png" width="80px" height="80px" class="pic1" id="pic" onmouseenter="change3()" onmouseleave="change4()" onclick="alert(You are going to be headed to another website.)"></a>
	<p style="color: white; font-size: 12pt; margin-top: 1%">Iansoft OS 1.2.1/1.2.2</p>
	<p style="color: #00db87; font-size: 11pt; text-align: center;">Free</p>

＆＃13;

Answer 1

将P标签上的边距设置为0像素

p {
    margin:0px;
}

Answer 2

这种情况发生在多个浏览器中，因为它们有自己的默认样式由浏览器设置。

要避免此问题，您可以重置＆＃34;所有CSS跨浏览器使用reset.css。

或者，如果您希望在浏览器中保持所有样式的一致性，请使用 normalize.css

Answer 3

在＆lt; p＆gt;中如果要向上移动，可以设置负边距。这适用于所有现代浏览器。

例如：

<p style="color: white; font-size: 12pt; margin-top: -10px">Iansoft OS 1.2.1/1.2.2</p>

请注意，这会拉高＆lt; p＆gt;也低于它。

css - <p>标签不再上升

3 个答案: