如何用css降低<p>的内容区域的高度？</p>

Question

有人能告诉我如何用css降低p标签内容区域的高度吗？

我想， 1.将底部的橙色虚线靠近上面的文字。 （border-bottom：3px orange dotted;） 2.降低黄色突出显示框的高度。 （body {background-color：yellow}）

调整属性“line-height”和“height”没有帮助......

谢谢！

Answer 1

从你的p标签上取下边距并填充。

p {
margin: 0;
padding: 0;
}

如果这不起作用，请将其放在具有指定高度的div中;

<div class="myDiv">
<p>your p content</p>

</div>

式;

.myDiv {
margin: 0;
padding: 0;
height: 300px; //whatever height you want
width: 300px; //whatever width you want
}

Answer 2

您应该可以使用“line-height”属性更改高度，确保没有其他css覆盖它。确保你可以在最后添加！important：

p {
  line-height: 1em !important; 
}

如果有效则返回到您的代码并确保您没有其他元素更改行高