日常使用时请使用文本对齐： justify； 实现文本的两端对齐。
但是，此属性存在问题，不支持单行文本的两端对齐，并且在两行或多行之前不会生效。
因此，要实现单行文本的两端对齐，需要以下两种方法：
使用伪类：after实现：通过在元素中添加伪类3360after来设置内联块元素，并将宽度设置为100%。 div :自动套用{
内容： '；
显示：在线块；
width:100%；
}
在元素标记中添加空标记。 或者你可以等。 将padding-left或宽度width设置为100%作为内联块。 我在这里使用的，例如，直接只给宽度100%就可以了。 pi{
显示：在线块；
/*padding-left:100%； */
width:100%；
}
另一个问题是IE不支持，需要添加名为text-justify : inter-ideograph的属性(使内容与表意文本一致)
注：文本作业仅支持IE浏览器，具有以下属性：
auto浏览器确定齐行算法。
none使齐行无效。
增加/减少内部-世界单词之间的间隔。
inter-ideograph用表意文本对齐内容。
inter-cluster仅排列不包含内部单词间距的内容，例如亚洲语系。
distribute与报纸的版面相似，但在东亚语圈最后一行不齐。
kashida通过拉伸文字来统一内容。
代码如下所示。
HTML :
我是谁？
我不知道
CSS:div，p{
文本对齐： justify； /*两端对齐*
border:1pxsolidred；
文本-作业：内部- ideograph； /*IE支持*
}
div :自动套用{
内容： '；
显示：在线块；
width:100%；
}
pi{
显示：在线块；
/*padding-left:100%； */
width:100%；
}
但是，谷歌内核和IE内核是有区别的。 下图：
细心的人会注意到下面多留了一行空白。 如果我们确认了是一行文本，就可以通过固定元素的高度来消除空白。 div，p{
height:36px；
line-height:36px；
}
这样就可以了：