时间轴中添加卡片后左边的卡片怎么贴轴显示
<a-timeline mode='alternate'>
<a-timeline-item>
<a-icon slot='dot' type='border' style='font-size: 30px;' />
<a-card style='width: 300px; border-color: #448ef7;border-radius: 12px;margin-left: 20px'>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</a-card>
</a-timeline-item>
<a-timeline-item color='green'>
<a-icon slot='dot' type='border' style='font-size: 30px;' />
<a-card style='width: 300px; border-color: #008000;border-radius: 12px;'>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</a-card>
</a-timeline-item>
<a-timeline-item>
<a-card style='width: 300px; border-color: #008000;border-radius: 12px;margin-left: 20px;'>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</a-card>
</a-timeline-item>
<a-timeline-item color='red'>
<a-card style='width: 300px; border-color: #008000;border-radius: 12px;margin-left: 20px'>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</a-card>
</a-timeline-item>
<a-timeline-item>
<a-card style='width: 300px; border-color: #008000;border-radius: 12px;margin-left: 20px'>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</a-card>
</a-timeline-item>
<a-timeline-item>
<a-card style='width: 300px; border-color: #008000;border-radius: 12px;margin-left: 20px'>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</a-card>
</a-timeline-item>
</a-timeline>
</div>