如何使用 css 减小 <p> 的内容区域的高度？

【问题标题】：how to decrease the height of content area for <p> with css?如何使用 css 减小 <p> 的内容区域的高度？
【发布时间】：2013-10-23 03:27:40
【问题描述】：

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

我想， 1. 使底部的橙色虚线更靠近上面的文字。（边框底部：3px 橙色点缀；） 2.降低黄色高亮框的高度。（主体{背景颜色：黄色}）

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

谢谢！

【问题讨论】：

【解决方案1】：

您应该能够使用“line-height”属性更改高度，确保没有其他 css 覆盖它。确保您可以像这样在末尾添加 !important：

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

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

【讨论】：

【解决方案2】：

去掉 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
}

【讨论】：