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

我需要在表格右侧放置PNG，例如：

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

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

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

如何在CSS中将图像放置在表格右侧？

您可以浮动它们：

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

---

使用

显示：内联块

//css
table{
    display: inline-block;
}
img{
    display: inline-block;
}

---

您可以尝试使用flexbox:）

（如果您确实在SO中查看了此示例，请在整页中查看）

#主分区{
显示器：flex；
}
#img-1{
最大宽度：50%；
}
@仅介质屏幕和（最小宽度：320px）和（最大宽度：723px）{
#主要部门{
弯曲方向：立柱；
}
}

#
弗斯特
最后
手柄
1.
做记号
奥托
@mdo
2.
雅各布
桑顿
@肥
3.
拉里
鸟
@推特