我想采用 h2 元素并将其文本跨越其 div 的宽度。
text-align:justify;
仅当文本的宽度大于其容器的宽度时才展开文本...有点像 Photoshop 的 justify-left
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;
}
See 所有三种解决方案的演示小提琴.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)