html - 如何在 HTML/CSS 中将图像放置在表格的右侧？

Question

我需要将 PNG 放在表格的右侧，例如:

 _______    ___
|__|____|  |\ /|
|__|____|  | X |
|__|____|  |/_\|
Table      Image

图像不能占屏幕宽度的 50% 以上。表格会展开以填充剩余空间。

• 我尝试使用 CSS 列，但表格数据变得奇怪。
• 我尝试将表格放在另一个表格中，但这似乎是糟糕的代码。

如何在 CSS 中将图片放在表格的右侧？

Answer 1

你可以 float 它们:

table { float: left; width: 50% }
img { float: right; width: 50% } 

Fiddle