如何用css排段落,标准网页中用CSS进行段落排版的方法

符合标准网页中用DIV CSS如何对段落进行排版的？通过这篇教程你就会有所了解

margin

div css布局中段落使用

标签，对于段落的上下左右的空白(缩进)可以使用margin标签定义样式。margin有上、下、左、右四个方向的定义，正常情况下，我们可以用一行来描述我们需要的样式。

例如：margin: 20px 8px 8px 20px;

此句分别表示了：margin-top；margin-right；margin-bottom；margin-left。

四个数值的顺序分别是：上、右、下、左。是依时12:00开始的顺时针方向。

如何上下的值一致，左右的值一致，我们可以再进行优化。

可以写成：margin:20px 8px;

此句分别表示了：上下、左右。

对于段落内部的文字对齐方式，一般用text-align，比如：text-align: center;等。

下面以实例的形式来看不同的段落排版：

webjx.com

webjx.com - Div CSS布局 常见问题

webjx.com - Div CSS布局 常见问题

webjx.com - Div CSS布局 常见问题

[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]

padding

对于段落内部的空白，我们可以用padding来实现。padding的一些属性与margin类似，这里就不再重复。我们看下面的例子：

webjx.com

webjx.com - Div CSS布局 常见问题

webjx.com - Div CSS布局 常见问题

webjx.com - Div CSS布局 常见问题

[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]

关键词：【推荐给好友】【关闭】

最新五条评论

查看全部评论

评论总数 0 条

您的评论

用户名：

(新注册)

密　码：

匿名：

·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com

特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有