日期:2014-05-17  浏览次数:20749 次

能否控制两个<p>之间的间隔?
能否控制两个 <p> 之间的间隔?

控制在显示时的两行间隔
<p> 1111 </p>
<p> 2222 </p>

不知能不能做到?怎么写?

------解决方案--------------------
可以通过css设置line-height,如:
.content {
font-size: 9pt;
line-height: 180%;
color: #000000;
text-decoration: none;
}


<p class=content> 1111 </p>
------解决方案--------------------
p{
margin-bottom:20px;
}
------解决方案--------------------
p{
margin-left:**px;
margin-right:**px;}
这样可以`
------解决方案--------------------
<style type= "text/css ">
p {margin: 0; border: 1px solid #630;}
</style>
<p> 123 </p>
<p> 567 </p>
------解决方案--------------------
两个p之间的间距由margin决定,你设置margin为0,或者适当减少吧。
------解决方案--------------------
控制外边距用margin,也就是你说的两个P之间的间隔

当然,还可以通过padding来实现p与p内部元素之间的间隔

建议楼主测试一下,看看两个的差别
------解决方案--------------------
line-height是什么意思搞清楚再说,倒.居然还有人说是正解.

DIV+CSS排版,不推荐用padding来做定位,用margin才是正解
------解决方案--------------------
line-height:指行高,就是行与行之间的距离并不是指段距
如果要设p之间的距离,那就要对p与p之间的边距进行定义

mackyliu(才子-54caizi.com)
DIV+CSS排版,不推荐用padding来做定位,用margin才是正解

所说的是正确的~
margin是指对象的外边距,就是指P与它外面的对象之间的距离

margin的用法
*{margin:2px 2px 2px 2px;}

如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。如果只提供一个,将用于全部的四边。如果提供两个,第一个用于上-下,第二个用于左-右。如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。

eg:
<style type= "text/css ">
p{margin:6px 0;}/*上下距为6px,右左距为0.*/
</style>

<p> 测试 </p>
<p> 测试 </p>