我试图使用flex-box在下面的图像上实现最后一个示例.
从我看来,align-items: baseline;当块只有1行时,属性很好.
align-items: baseline;
该属性align-items: flex-end;产生一些问题主要是因为左侧和右侧项目具有不同的字体大小和行高.虽然项目的边缘是对齐的,但是当项目没有边框时,由字体大小和行高差异创建的空白区域看起来非常糟糕.
align-items: flex-end;
我试图在没有任何JS的情况下找到一个好的全方位解决方案.
提前致谢.
css baseline flexbox
baseline ×1
css ×1
flexbox ×1