问题

将博客的段落元素设置为两端对齐，结果本该不满行的文字，也被强行拉伸至两端对齐，如下图十分难看。

设置两端对齐的CSS代码：

1
2
3
4
5
6

p{

	text-align: justify;

}

解决

碰到问题问谷歌，查到这篇文章一段对 ‘text-align:justify’ 的注释：

text-align:justify 属性是全兼容的，使用它实现两端对齐，需要注意在模块之间添加 [空格 / 换行符 / 制表符] 才能起作用，同样，实现文本对齐也是需要在 字与字之间添加 [空格 / 换行符 / 制表符] 才能起作用

然后打开一篇博客文章的Markdown源文件，出问题的地方是这样写的：

1
2
3
4

天击剑

![2018-09-06_15-25-33](https://i.loli.net/2018/09/06/5b90d82c80652.png)

琢磨了下，估计把这两行认为是一个段落了。于是加上空行：

1
2
3
4
5
6

天击剑



![2018-09-06_15-25-33](https://i.loli.net/2018/09/06/5b90d82c80652.png)

重新生成博客，排版就正常了。