微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css – 证明div的最后一行?

我不认为“为什么?”这个问题很重要…但我需要做的是text-align:从DIV中调整文本的最后一行。通常,div的最后一行(或第一行(如果没有其他行,这是当前的情况)不是对齐的,而是向左对齐。我知道这可能没有意义,但我绝对需要最后一行是合理的!

解决方法

这里有一个在IE6中工作的跨浏览器方法

它结合了text-align-last:justify;这是由IE支持的和一个变体:后伪内容方法。它包括删除一行文本元素后添加的额外空间的修复。

CSS:

p,h1{
   text-align: justify;
   text-align-last: justify;
}

p:after,h1:after{
   content: "";
   display: inline-block;
   width: 100%;
}

如果您有一行文本,使用此行来防止上述CSS将导致的空白行

h1{
   text-align: justify;
   text-align-last: justify;
   height: 1em;
   line-height: 1;
}

h1:after{
   content: "";
   display: inline-block;
   width: 100%;
}

更多细节:
http://kristinlbradley.wordpress.com/2011/09/15/cross-browser-css-justify-last-line-paragraph-text/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。