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/

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效