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

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

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

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

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

解决方法

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

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

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

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

原文地址:https://www.jb51.cc/css/214602.html

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