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

Question

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

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

有没有办法用CSS做到这一点？如果没有,是否有合适的JS库来实现这一目标？或者这是不可行的？

Answer 1

如果项目实际上不是float,您可以使用position:absolute; left:1em; right:1emCSS根据某个定位父项的偏移量为您计算项目的宽度.

如果您只是float因为有一些块级项目而正在使用display:inline-block,那么请使用项目而不是浮动项目.如果父元素有text-align:justify这个应该给你想要的效果(我想象).

下面是一个简单的测试显示你的结果inline-block用text-align:justify.

编辑:我更新了简单测试,以更清楚地显示左边和右边始终对齐,除了最后一行.