css实现文字两端对齐

[css]

div {
	text-align-last:justify;
    -moz-text-align-last: justify; /* 兼容firefox */
    text-align:justify;
    text-justify:distribute-all-lines; /* 兼容ie */
    border: 1px solid #000;
    width: 150px;
}

[html]

<div>
	<p>李白</p>
	<p>武则天</p>
	<p>宫本武藏</p>
</div>

Open In Chrome	Open In IE	Open In Firefox

解决火狐浏览器无法呈现文本两端对齐的方法

css内容同上

1. 方法一：添加lang="zh"属性

<div lang="zh">
	<p>李白</p>
	<p>武则天</p>
	<p>宫本武藏</p>
</div>

2. 方法二：在文本中添加空格

<div>
    <p>李 白</p>
    <p>武 则 天</p>
    <p>宫 本 武 藏</p>
</div>