Element UI Row组件中如何实现类似flex

row组件中实现类似html flex-baseline的样式

在element ui的row组件中，想要实现类似html flex-baseline的样式，我们需要用到组件的alignitems属性。

element ui的row组件默认将子元素垂直居中对齐。要实现类似flex-baseline的效果，我们需要为row组件指定alignitems属性。alignitems属性可以取以下值：

• start：子元素顶部对齐
• end：子元素底部对齐
• center：子元素垂直居中
• baseline：子元素按基线对齐

如果我们想要让row组件中的子元素按基线对齐，只需要在row组件后链式调用alignitems('baseline')即可：

Row()
  .Text()
  .Text()
  .Text()
  .alignItems('baseline')

登录后复制

以上就是Element UI Row组件中如何实现类似flex-baseline的样式？的详细内容，更多请关注抖狐科技其它相关文章！