javascript - 如何降低内容区域的高度用CSS？

Question

谁能告诉我如何使用 css 减少 p 标签的内容区域的高度？

我想， 1. 使底部的橙色虚线更靠近上面的文字。(border-bottom: 3px orange dotted;) 2. 降低黄色高亮框的高度。（主体{背景颜色：黄色}）

调整属性“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; 
}

如果可行，请返回您的代码并确保您没有其他元素更改行高