规范网页中用CSS停止段落排版的方法-CSS教程-爱易网页

规范网页中用CSS停止段落排版的方法

日期：2013-09-21　浏览次数：21625 次

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

　　margin

　　div css规划中段落使用<p>标签，对于段落的上下左右的空白（缩进）可以使用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;等。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Aiyiweb.Com</title><style type="text/css"></style></head><body><div><p id="p1">Aiyiweb.Com - Div CSS规划常见问题</p><p id="p2">Aiyiweb.Com - Div CSS规划常见问题</p><p id="p3">Aiyiweb.Com - Div CSS规划常见问题</p></div></body></html>

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

　　padding

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Aiyiweb.Com</title><style type="text/css"></style></head><body><div><p id="p1">Aiyiweb.Com - Div CSS规划常见问题</p><p id="p2">Aiyiweb.Com - Div CSS规划常见问题</p><p id="p3">Aiyiweb.Com - Div CSS规划常见问题</p></div></body></html>

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

规范网页中用CSS停止段落排版的方法

相关资料更多>

推荐阅读更多>