.box { display: flex; align-items: flex-start; }
大家可以使用Flexbox布局,其中align-items属性可以让元素在交叉轴上对齐,而flex-start值表示向上对齐。这样,大家只需将父元素设置为Flex容器,并指定对齐方式即可。
另外,大家也可以使用vertical-align属性来实现元素的垂直对齐,但它只能用于行内元素或表格单元格。
img { vertical-align: top; }
在上述代码中,大家将所有图片的垂直对齐方式都设置为顶部,即向上对齐。
总而言之,无论是Flexbox布局还是vertical-align属性,都可以让大家实现元素的向上对齐。根据实际情况和需求,大家可以选择合适的方法来实现。