在上一章,我们留下了一个坑。虽然这种情况很少遇到,但是既然说到了,索性我们就解决一下吧。

这个事情其实挺简单的,当然,前提是你知道相关的属性的话。所以我非常建议大家自己去多读一读文档,了解一下都有什么功能。毕竟像我这样的教程,是怎样也不可能把所有的属性都详细的讲解一遍的。

text-align-last 这个属性就是说文本的最后一行以何种方式对齐。一般来说,并不需要设置,因为默认的情况已经足够符合我们的日常习惯。属性的值和 text-align 基本一样,不过它只负责最后一行的对齐。

那么我们再来写一下上一章的问题:

<p style="text-align: justify; text-align-last: justify;">这段文字采用了两端对齐的方式,而且最后一行也要两端对齐,那我们来看看效果吧。</p>

这段文字采用了两端对齐的方式,而且最后一行也要两端对齐,那我们来看看效果吧。

这个是不是很好玩呢?像这样有意思的细节非常多,也正因为此,才让我们觉得 CSS 是一个很神奇的东西。


然后再来讲一个非常常用的属性,就是文字的缩进。小时候写作文,老师总是要告诉我们,每段前面要缩进两格。但是我们目前在代码里写出来的段落并没有缩进,看起来就不太舒服,如果是大段文字,又是正式场合,那就非常难受了。所以呢,我们要设置一下缩进。不过这个很自由,我是说可以缩进的长度很自由,你可以根据自己的需要进行设置。

可以设置的值呢?可以尝试一下,我们在文字大小中所使用到的那些单位,不过需要注意的是,如果你在它里面使用百分比,那么它的结果和你想象的可能不一样,事实上,他是这个元素整体宽度的百分比。一般来说,如果父元素和当前元素的文字大小是相同的,那么我们设置为 2em,就是缩进两个汉字。

p {
  text-indent: 2em;
}

效果就不演示了,因为本站文章内容就是这样设置的。

【本章助记卡片:卡片 for 第三十九章