小编Jos*_*oli的帖子

将弹性框项目与块中最后一行文本的基线对齐

我试图使用flex-box在下面的图像上实现最后一个示例.

在此输入图像描述

从我看来,align-items: baseline;当块只有1行时,属性很好.

该属性align-items: flex-end;产生一些问题主要是因为左侧和右侧项目具有不同的字体大小和行高.虽然项目的边缘是对齐的,但是当项目没有边框时,由字体大小和行高差异创建的空白区域看起来非常糟糕.

我试图在没有任何JS的情况下找到一个好的全方位解决方案.

提前致谢.

css baseline flexbox

10
推荐指数
2
解决办法
3600
查看次数

标签 统计

baseline ×1

css ×1

flexbox ×1