我想要一个h2元素,并跨越它的div的宽度跨越它的文本.
text-align:justify;
只有当文本的宽度大于它的容器宽度时才传播文本…有点像Photoshop的对齐 – 左
解决方法
CSS：
h2 {text-align: justify;}
h2 span {width: 100%; display: inline-block;}
HTML：
<h2>This is a h2 heading<span></span></h2>
请注意,这会增加一条不可见的额外线条,从而导致高度过高.您可能想补偿：
h2 {text-align: justify; height: 1.15em;}
而对于非常简洁的标记,仅适用于IE7或更低版本以外的浏览器,您可以使用:: after选择器：
h2::after {
width: 100%;
display: inline-block;
content: ".";
visibility: hidden;
}
