首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

能否控制两个<p>之间的间隔?该如何处理

2012-03-03 
能否控制两个p之间的间隔?能否控制两个 p 之间的间隔?控制在显示时的两行间隔p 1111 /pp 2222

能否控制两个<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>

热点排行