by zhangxinxu
一、何为列表元素的两端对齐布局
首先说说何为两端对齐。下面这个截图是word中一段英文左对齐的右边缘截图:
可以看到右侧是参差不起的,现在,选中文字,点击word上方的两端对齐按钮,如下图:
结果文字的右边缘就成了这样:
右侧完全对齐了,也就是整篇文字全部沿着左边缘和右边缘对齐显示了。 然后这里的“列表元素”指的是具有类似结构的重复列表元素,例如QQ校友中的图片列表:
所谓列表元素的两端对齐就是每行列表元素的第一个元素与父容器的左边缘重合,最后一个元素与父容器的右边缘重合。例如淘宝首页的热卖单品,或是人人网的热门分享列表(如下截图):
我想我们平时写页面的时候也经常会拿到的列表元素两端对齐的体验舒服的设计图吧。