1. 设置字符间隔
letter-spacing 属性能设置字符文本之间的距离，即在文本字符之间插入多少空间，允许负值，即让字母之间更加紧凑；
语法格式如下：
letter-spacing:normal | length
例子 1：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>设置字符间隔</title>
</head>
<body>
<p style="letter-spacing: normal;">Welcome to study this book！</p>
<p style="letter-spacing: 5px;">I am teacher！</p>
<p style="letter-spacing: 1ex;">Welcome to study this book！</p>
<p style="letter-spacing: -1ex;">发风萧萧兮-1ex</p>
<p style="letter-spacing: 1em;">这里的字符间距是1em</p>
</body>
</html>
2. 设置单词间隔
单词之间的间隔若设置合理，一是会给整个网络布局节省空间，二是能给人赏心悦目的感觉，提高阅读效果；
使用 word-spacing 属性直接定义指定区域或段落中单词之间的间隔；
word-spacing 属性用于设定词与词之间的间距，即增加或减少词与词之间的间隔；
语法格式如下：
word-spacing:normal | legth
例子 2：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>设置单词间隔</title>
</head>
<body>
<p style="word-spacing: normal;">Welcome to study this book</p>
<p style="word-spacing: 18px;">I am teacher! school</p>
<p style="word-spacing: 18px;">欢迎来到我们学校</p>
</body>
</html>
3. 水平对齐方式
通过 text-align 属性，可设置多种对齐；
text-align 属性用于定义对象文本的对齐方式；
语法格式如下：
{text-align:sTextAlign}
例子 3：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>水平对齐方式</title>
</head>
<body>
<h1 style="text-align: center;">登幽州台歌</h1>
<h2 style="text-align: left;">选自：</h2>
<h3 style=" text-align: right;">唐诗三百首</h3>
<img src="6.gif"/>
<p style="text-align: justify;">
前不见古人
后不见来者
这是一个测试!这是一个测试!这是一个测试!）
</p>
<p style="text-align: start;">念天地之悠悠</p>
<p style="text-align: end;">独怆然而涕下</p>
</body>
</html>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
