html5 - text-aign:justify 不足的地方 ..

 陈柏菱皇君怡惠 发布于 2022-11-06 14:53

在项目用到了text-align:justify;
初识它好欢喜,什么margin,padding都他妈滚蛋. 小哥我一句话搞定。

可结果并不是太如意.

1.首先不太语义化(当然这个可有可无)
2.不满一行不会两端对齐(这个好解决加个伪类或者添加占位符)
3.上面个问题来了,加个伪类或者占位符的话使内容超过一行,不过随之而来的就是父元素的高多出一些像素来了. (这个问题还不知道如何解决,听说font-size:0可以解决,试了不管用。)
4.最后一行是个悲剧.都是循环出来的不知道有多少项目,最后一行显然不可能要两端对齐的效果,要左对齐. (还是添加占位符解决.一行-2=占位符的个数,方法很硬)

不过有个好处当项目display:inline-block有overflow:hidden或者为空的时候,它们始终都是底部对齐的.而不是margin-bottom对齐。

撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有