有没有办法证明 – 使用CSS对齐浮动HTML元素?

本质上,我试图实现“text-align:justify”的影响,但是使用浮动块元素.我有很多块,我想要对齐.

IE浏览器.每条线水平间隔不同,以确保每条线的长度相同. (无粗糙的右边缘).

有没有办法使用CSS?如果没有,是否有合适的JS库来实现?还是这是不可行的?

解决方法

如果项目实际上不浮动,可以使用position:absolute;左:1EM;权限:1em让CSS根据某些定位的父项的偏移量,计算您的项目的宽度.

如果您只使用浮点数,因为您有一些块级项目,您正在尝试流程,请使用display:inline-block对项目进行浮动.如果父元素具有text-align:对齐,这将给你想要的效果(我想象).

这是一个simple test,显示了带有text-align的内联块的结果:对齐.

编辑:我已经更新了简单的测试,以便更清晰地显示左右边缘总是对齐,最后一行除外.

相关文章

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