操作方法
word-spacing 控制单词间隔 请注意,只是单词间隔 <style>.alsp{ word-spacing:50px;}</style>
OK,来看看网页效果。 只有单词才会适用于该间隔,中文是不会使用该样式的。
letter-spacing 字符间隔,用于控制字符与字符之间的间距 <style>.alsp{ letter-spacing:50px;}</style>
看下网页效果图,所有的字符,无论单词、字母、中文汉字等都分开了。
text-decoration 文字修饰。 none:默认值 underline:添加下划线 overline:添加上划线 line-through:添加删除线 blink:添加闪烁效果 看代码: <style>.alsp{ text-decoration:underline;}</style>
网页效果展示,已经添加了下划线
text-align 设置文本的水平对齐方式 left:左对齐 right:右对齐 center:居中对齐 justify:两端对齐 举例: <style>.alsp{ text-align:center;}</style>
看网页效果,已经居中了
text-indent 文本缩进。控制整体向右缩进 例: <style>.alsp{ text-indent:30px;}</style>
看网页效果图,已经像右缩进了
line-height 文本行高,行高可以设置为长度、倍数、百分比 例: <style>.alsp{ line-height:50px;}</style>
从网页效果来看,其行高已经可以改变,并且为50px