gpt4 book ai didi

javascript - 如何用CSS设置图片旁边的表格位置?

转载 作者:太空宇宙 更新时间:2023-11-04 06:31:47 25 4
gpt4 key购买 nike

我想将表格的位置设置在图像的右侧。

这是我的代码:

<html>
<head>
<style type="text/css">
.podium { display: block; margin-left: 300; margin-top: 500; position: static; }
table { position: relative; left: 100px; }
</style>
</head>
<body>
<img src="podium.jpg" class="podium">
<table border="5px">
<tr>
<td>aaa</td>
</tr>
</table>
</body>
</html>

我已经试过了,但是没用。

我怎样才能做到?

最佳答案

将图像和表格包装在一个 div 中,然后您可以使用 Flex order 的 flex 和 flex-order 属性.

#wrapper{ display: flex; }
#image{ order:2; width: 100px; height:100px; margin-left:15px}
#table{ order:1; }
<div id='wrapper'>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSNyNcwf4fDjX_2L4mUcJNmg92fOmWlDTYxcefggBG0VAr6MX32" class="podium" id='image'>
<table border="5px" id='table'>
<tr>
<td>aaa</td>
</tr>
</table>
</div>

关于javascript - 如何用CSS设置图片旁边的表格位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54613726/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com