我们前面所说的这些，都是文字的属性，而现在要说的是文本的属性。它们有什么区别呢？Font 主要是说文字本身，即便你只拿出一个文字来，只盯着这个文字看，它也是具有这些属性的。而 Text 是说一个群体的表现，或者文字周边的一些东西。这句话你先大概记住，看完这些文本相关的属性，再回来读这句话，就能有一个概念了。
那么先来举一个最简单的例子，文字的对齐方式（text-align），它有三个常用属性值可选[1]，很容易就猜到，左对齐，右对齐和居中对齐。单词你也都认识，所以我们就直接来看看效果好了：
<p style="text-align: left;">这段文字采用了左对齐的方式</p><p style="text-align: center;">这段文字采用了居中对齐的方式</p><p style="text-align: right;">这段文字采用了右对齐的方式</p>这段文字采用了左对齐的方式
这段文字采用了居中对齐的方式
这段文字采用了右对齐的方式
有没有发现我们现在已经变得很厉害了，学一个属性并不需要很长时间，只要抓住几个关键点就可以了。
- 这个属性用的名字是什么？
- 它用来描述什么特征？
- 它有几个值可供选择？或者可以设置怎样范围的值？
- 每个值代表的是什么意思？
所以其实我们可以列一个表格，来记录这些内容，方便我们回忆，或者在使用的时候查阅。想想都觉着是一件非常美妙的事情，因为自己整理出来的东西肯定最适合自己，拿着这份东西，以后写代码的时候，虽然算不上手持秘籍，但起码也有一份相当不错的参考攻略了。这么想想，你就不觉得我们现在的内容枯燥无味了。恨不能让我把每一个属性和它所有的值都讲一下，这样你就可以整理出一份更加完整的攻略。
哈哈，这种攻略不就是 CSS 的说明文档吗？一份自己整理过的，更加熟悉的说明文档。
如果你在抱怨这个表格实在是太大了，那么了解一下思维导图（脑图）吧。
我们再来讲两个不是很常用的属性值：
justify 表示让文字两端对齐，这个在排版中会非常漂亮，因为段落的两边显得很整齐。更妙的是，元素的最后一行，并不受到两端对齐的限制，这样就不会出现段落最后一行才几个字，间距却被拉的非常大的尴尬。
可能你说我今天的情况就是有些特殊，我希望每一行，都是两端对齐，这样强迫症感受到了极大的满足，那么你可以使用这个值，justify-all。现在我们来试试这两个的效果：
<p style="text-align: justify;">这段文字采用了两端对齐的方式</p><p style="text-align: justify-all;">这段文字采用了两端对齐的方式</p>这段文字采用了两端对齐的方式，稍微多写一点，产生换行方便查看效果。可是真的不知道写点什么好啊~~这个还需要多写几行，你才能够真正看到两端对齐的样子，当然，因为中文比较整齐，可能并不很明显，在英文下就非常实用了。或者你的内容中英混合，也需要使到这个属性。不过遇到很长的英文单词，也可能因为断行导致某一行的文字特别少，看起来就有些奇怪了。然后最后一行并没有被两端对齐。
这段文字采用了两端对齐的方式，稍微多写一点，产生换行方便查看效果。最后一行文字虽然少，也被强行两端对齐了，如果你没有看到效果，请继续往下阅读。
因为 justify-all 这个值虽然确实是有的，好像我们也用得到。然而事实上，到目前为止，似乎没有什么浏览器支持它，这就十分尴尬了。
我是想告诉大家，不要一味的去追新，太新的东西可能在眼下并不实用。适合当前状况的才是最好的。然后也不要一味的相信文档，哪怕最官方的文档也可能写出错误。你的网页终究是要通过浏览器展示给用户的，用浏览器去测试它的实际效果，这才是最根本的标准。
暂无评论内容