有人能告诉我如何用css降低p标签内容区域的高度吗?
我想, 1.将底部的橙色虚线靠近上面的文字。 (border-bottom:3px orange dotted;) 2.降低黄色突出显示框的高度。 (body {background-color:yellow})
调整属性“line-height”和“height”没有帮助......
谢谢!
答案 0 :(得分: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
}
答案 1 :(得分:0)
您应该可以使用“line-height”属性更改高度,确保没有其他css覆盖它。确保你可以在最后添加!important:
p {
line-height: 1em !important;
}
如果有效则返回到您的代码并确保您没有其他元素更改行高