css – 证明div的最后一行?

前端之家收集整理的这篇文章主要介绍了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/

原文链接:https://www.f2er.com/css/221787.html

猜你在找的CSS相关文章