如何使用CSS在圖像旁邊設置表格位置？

Question

我想在圖像的右邊設置桌子的位置。

這是我的代碼：

 <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>

我已經嘗試過了，但是沒有用。

我該怎么做？

Answer 1

將圖片和表格包裝在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>

如何使用CSS在圖像旁邊設置表格位置？

問題描述

1 個解決方案

解決方案1
1 已采納 2019-02-10 05:52:58

如何使用CSS在圖像旁邊設置表格位置？

問題描述

1 個解決方案

解決方案1 1 已采納 2019-02-10 05:52:58

解決方案1
1 已采納 2019-02-10 05:52:58