要将image放在左侧,title和table放在右边,你可以使用CSS中的flexbox布局。首先,在.item-container中创建一个父容器,并将其display属性设置为flex,这样子元素就会按照水平方向排列。然后,通过设置flex属性来控制各个子元素的占比。
以下是示例代码:
<div class="item-container">
<div class="image-container">
<!-- 这里放置你的图片 -->
</div>
<div class="content-container">
<h2>Title</h2>
<table>
<!-- 这里放置你的表格内容 -->
</table>
</div>
</div>
.item-container {
display: flex;
background-color: #8db5d0;
}
.image-container {
flex: 1;
}
.content-container {
flex: 3;
}
这样设置后,图片会自动放在左侧占据1/4的宽度,标题和表格会占据剩余的3/4宽度。你可以根据需要调整具体的占比和样式。
内容由零声教学AI助手提供,问题来源于学员提问