css分段样式,css段落

CSS里可以设置段落的距离吗？

1.1、line-height为20px案例，DIV+CSS代码：

2.行高line-height实现段落间距

分别设置20px和50px行高样式案例，对比发现不同行高值，段落上下间距也产生不同距离，所以使用line-height可以设置段落间距距离，但这里不推荐使用line-height设置段落之间间距。

二、css padding内补白（内边距）

可以推荐使用padding设置段落上下间距。通过设置上下内补白，内距离即可实现p段落上下间距设置。

关键字：p{padding:10px 0}

接下来DIVCSS5以案例演示CSS段落上下距离设置。

1、设置上下内补白为10px(padding:10px 0)完整css+div代码：

2.添加如下属性到关联的css文件里：

p{

padding: 0;

margin: 0;

}

然后在指向段落的样式属性里添加以下css代码：

margin-bottom: 20px;

数值可自由设定。

3.设定文字内容

标签的margin-top和margin-bottom值，前提是你的段落是用P标签进行分段的，而不是单纯的br /。

相关问答

Q1: 求教高手，分段，css怎样实现段落缩进2字符

静态网页：

//第一种方法

pemsp;emsp;第一段/p

pemsp;emsp;第二段/p

//第二种

stylep{text-index:2em;}/style

p第一段/p

p第二段/p

动态网页，有个差不多的编辑器，会直接编辑好保存到数据库，直接输出即可

Q2: 从数据库里读出来的字段怎么用CSS排版实现换行呢？

你说的是分段、硬换行，还是自动换行呢？

1、如果是分段、硬换行，CSS还没聪明到，自动识别到你哪些地方需要分段、硬换行。那就你就必须，在你的数据库文字段里，自行加入html标签，段落符号：p段落文字/p；硬换行符号：该行文字br /；（如果有数据库写入程序，那在信息录入数据库时，就应该把这些控制段落与换行的标签同时写入。）

2、如果是自动换行，那么其实就是控制好区域的行宽就行了。那么不管是从数据库里读出的内容，还是静态的页面内容，它们的显示区域控制的方法都是一样的。方法之一就是用CSS去定义DIV的宽高、字体颜色、文字大小等等。示例代码如下：CSS样式定义：area1 {height: 100px;width: 200px;} CSS样式调用：div class="area1"文字段落/div 。

Q3: 用CSS如何对数据库中的文章分段

那个要录入数据库时就是一段一段的，带brp标签之类的才行，css目前能做的大不了时强制换行(自己百度:css强制换行)，做不到把数据库的无html段落标签文章按段落区分

Q4: css修改段落间距

首先，你要明确css的可视化盒子模型——里面任何元素的显示都是盒子。元素分为块元素和内联元素。块元素的显示是这样的：沿页面垂直向下排列，每个盒子都尽可能的宽，除非限制盒子宽度，否则这个块元素的内容将充满这个页面。标签p是块元素，所以段落是以每个p为块，沿页面排列的。

其次，段落与段落之间的距离就是两个盒子之间的距离。调整盒子之间的距离要调整盒子的margin属性。

最后，margin属性在设置上下距离也就是垂直距离的时候，一定要注意重叠问题。就是两个盒子的垂直距离取上边盒子的margin-bottom和下边盒子的margin-top中的最大值！。而水平排列的盒子的水平距离的话，是左边盒子margin-right和右边盒子的margin-left之和！。切记。

望采纳!