原文：实现span标签里的文字，第一行两边对齐，第二行右对齐
需求是，左侧的文字，第一行平铺，如果文字多余四个了，换行，右对齐 我用flex布局，一左一右： html： lt div class flex ngFor let item of lists gt lt div class justify gt lt span ngFor let item of item.title gt item lt i gt lt i gt lt span gt lt di ...
2018-09-28 14:09 0 3485 推荐指数：
相关推荐
我用的方法是添加几个空的的 li 在最后面。空 li 的数量按照你的页面排版来给，然后减少一个li。例如，我的页面排版，一行放四个 li ，那我的空 li 就给三个。因为给多了也看不出效果，够用就好。你可以放多几个也行，不影响。因为，按照我的页面排版来说，我最后一行，只要可以补满四个 li 就满足 ...
其实这种需求还是蛮常见的，主要用于产品列表页面，用于产品图片下面，显示产品的名称。 想要实现的效果为： 未知文字长度，当文字长度小于盒子宽度，也就是一行时，文字居中。 当文字长度大于盒子的宽度，会自动换行，成为多行文字，此时文字左对齐。 1、利用行内元素 ...
解决方法二：利用万能的表格 ...
原图： 效果图： 备注：vertical-align:middle ...
*重点在给外层的盒子加after ...
主要代码： 父： 子： ...