要让 List.Item.Meta 组件里的 title 和 description 横向排列,可以使用 CSS 来实现。首先,为 List.Item.Meta 组件的父元素添加一个 CSS 类名,例如 'horizontal-meta'。然后在 CSS 中添加以下样式:

.horizontal-meta .ant-list-item-meta-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.horizontal-meta .ant-list-item-meta-title,
.horizontal-meta .ant-list-item-meta-description {
  margin-right: 8px;
}

这样,title 和 description 就会横向排列了。将 List.Item.Meta 组件的父元素添加 'horizontal-meta' 类名即可生效。

Ant Design List.Item.Meta 组件: 标题和描述横向排列

原文地址: https://www.cveoy.top/t/topic/quzT 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录