css段间距怎么设置，CSS如何控制段落之间的间距
来源：整理 编辑：航空兔素材 2023-11-19 03:30:33
本文目录一览
1，CSS如何控制段落之间的间距
对 如果你说的段落是p标记的话 就可以设置p{margin:num;}来控制外边距 因为P标记的默认设置是有外边距的margin-top 上边距
margin-bottom下边距
margin 和 padding
都可以，但是 IE 和火狐对两个属性的表现形式不同哦，可以自己测试一下！
4个参数为 上 右 下 左 4个位置，就是我说的这样排列的哦，两个参数的话就是 上下 左右
或者直接用margin-top/right/bottom/left这样来一个个的设置，比如
margin:10px 5px 10px 5px;或者margin:10px 5px;
效果是一样的margin-top; or margin-bottom
2，怎样在Dreamweaver中用css调整段的距离即是p的距离
在CSS样式中 建立#p 样式 然后输入你想要的效果 此时#p样式 已经锁定你的标签 你可以根据需要 来调整P标签中的内容 如果调整段的距离 请用标签 将每段内容分别括入 CSS样式中 定义#p span 样式 用border 属性进行调整 当然 也可以用margin 不过 在实际网站前台开发中margin 尽量少用 因为在不同的浏览器中 margin 效果有偏差你是要这段跟上下文的距离么？如果是这样的话，你可以给这个p定义一个样式 .a{margin:10px aotu}，然后在html中最好不要笼统的定义p元素的样式，这样的话，有一些地方不要这些样式 你也还得处理，也达不到代码简写的效果！如果 是你想调整元素里内容的样式就给p的样式代码里加 line-height:20px，这样的话就是给内容设置行高你是要这段跟上下文的距离么？如果是这样的话，你可以给这个p定义一个样式 .a{margin:10px aotu}，然后在html中最好不要笼统的定义p元素的样式，这样的话，有一些地方不要这些样式 你也还得处理，也达不到代码简写的效果！如果 是你想调整元素里内容的样式就给p的样式代码里加 line-height:20px，这样的话就是给内容设置行高
3，在html与css中怎么设置段与段之间的距离
比如这是 html 页中的：<div class="main_con"> <p>这是第一段</p> <p>这是第二段</p> <p>这是第三段</p> </div>这是 css 中的：div.main_con p margin:10px 0 10px 0; /* 表示 上下边距为10px，左右为0*/ padding:0; /* 表示 上下，左右间距为0 */}这样就可以把段与段的间距表示出来了给这写样式 设margin值margin:上边 右边 下边 左边也可以在段与段之间加个DIV或别的标签定义个高度好像不能直接定义段与段之间的距离如果距离大，直接用，要是固定值，只能每段用p或是div等标签，然后设置标签的margin或padding了比如这是 html 页中的： 这是第一段 这是第二段 这是第三段 这是 css 中的：div.main_con p margin:10px 0 10px 0; /* 表示 上下边距为10px，左右为0*/ padding:0; /* 表示 上下，左右间距为0 */}这样就可以把段与段的间距表示出来了
4，CSS中如何控制段落间的距离
给<p>标签加边距属性控制即可
例：
p
padding : 内边距，也有资料将其翻译为填充。
margin : 外边距，也有资料将其翻译为空白或空白边。
下图为框模型示例图，有助于理解
具体用法请参考： http://www.w3school.com.cn/css/css_boxmodel.asp你可以先给段落加上<a></a>或<P></p>之类的，然后在CSS里写上如：
a 段落标签用<p></p>,换行标签用<br />如下：jk<div class="aaa">
<p>内容1内容1内容1内容1内容1内容1内容1</p>
<p>内容2内容2内容2内容2内容<br />2内容2内容2内容2内容2</p>
</div>
<style>
.aaa
.aaa p
</style>你可以定义某个P标签和间距，如下：<div class="aaa">
<p class="p1">内容1内容1内容1内容1内容1内容1内容1</p>
<p class="p2">内容2内容2内容2内容2内容<br />2内容2内容2内容2内容2</p>
</div>
<style>
.aaa
.aaa p.p1
</style>
文章TAG：
css段间距怎么设置css 间距 怎么
