TDesign组件中t-card怎么修改里面的div左右布局

在TDesign组件库中，`t-card` 是一个用于构建卡片样式的容器，通常包含内容区域和可能的边栏。如果你想要更改 `t-card` 内部 `div` 的左右布局，你可以通过自定义样式或者使用它的内联样式属性(`style`)来实现。

1. **CSS 自定义**:
- 首先，你需要找到包含左右布局的 `div` 元素，这通常是通过 `t-card` 的 `body` 或者 `actions` 子元素来表示。例如，假设你想把它们放在容器的左边和右边，可以添加如下样式到 `t-card` 的外部或内部样式表：

.t-card {
  display: flex;
  justify-content: space-between; /* 将卡片内容分为左右两部分 */
}

.left-side {
  flex: 0 0 auto; /* 固定左侧宽度 */
}

.right-side {
  flex: 1; /* 右侧自适应宽度 */
}

然后给需要左右布局的 `div` 分别设置 `class="left-side"` 和 `class="right-side"`。

2. **内联样式**:
如果你希望动态控制，可以在组件的 `style` 属性中添加：

import { TdCard } from '@tdesigns/core';

<TdCard style={{
  display: 'flex',
  justifyContent: 'space-between',
}}>
  <div style={{ width: '30%', float: 'left' }}>左侧内容</div>
  <div style={{ width: '70%' }}>右侧内容</div>
</TdCard>

这里使用了 `float` 属性模拟传统的左浮动布局，也可以根据实际需求调整宽度百分比。