如何用CSS缩小两个<p></p>之间的距离
<p>一</p>
<p>二</p>
一和二之间间隔一个文字的高度
我想缩小到半个文字 CSS如何修改
代码都已经完成 再改用<br /> 太麻烦了
请提供CSS修改方案
CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。所以两个<p></p>之间的距离可以用外边距（margin）来实现：
p{margin:10px 0;} // 设置p标签上下间距为10px，左右为0实例演示外边距对p标签之间距离的影响：
创建Html元素
<div class="box"><span>演示外边距对p标签之间距离的影响：</span><br>
<div class="content">
<p>我是第一行</p>
<p>我是第二行</p>
</div>
</div>
设置整体的css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
设置p标签的外边距样式
如果外边距设为0
p{margin:0 0;}
增大边距为15px
p{margin:15px 0;}
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2017-10-08
用CSS缩小两个<p></p>之间的距离，首先需要理解块级元素的概念，像p，div这些都是块级元素，拥有宽高等属性的，而且像p，它是默认就是有行距的，就是margin，默认是1.2em，margin的理解，如图：
所以只需要调整一下marign就可以了，具体看下代码：
<html>
<head>
<style>
p{
margin:0.6em 0; //减少他们的上下的margin值
}
</style>
</head>
<body>
<div id="round">
<p>测试文字1</p>
<p>测试文字2</p>
</div>
</body>
</html>
第2个回答 2008-09-01
对相关文字样式加上这个参数： line-height: 150%;
这个百分比就是行间距，随便设。
如：
.bold{font-size : 10pt;line-height: 150%; color : #000099; font-weight : bold}
不过，行距设定确实需要 <br />
代码完成也不要紧啊，用Uedit 或者 Dreamweaver 将所有<P>替换成空
将所有</p>替换成 <br />
这个百分比就是行间距，随便设。
如：
.bold{font-size : 10pt;line-height: 150%; color : #000099; font-weight : bold}
不过，行距设定确实需要 <br />
代码完成也不要紧啊，用Uedit 或者 Dreamweaver 将所有<P>替换成空
将所有</p>替换成 <br />
第3个回答 推荐于2017-09-18
p元素之间是有1.12em的margin，你在最前面做一下统一定义就行了啊。
加上一句:p{margin: 0.5em 0;}
你试试。本回答被提问者采纳
加上一句:p{margin: 0.5em 0;}
你试试。本回答被提问者采纳