将图像大小设置为HTML小部件的长度或将图像与小部件的中心对齐

Question

我正在尝试在R Markdown中创建格式正确的HTML文件。在R Markdown文档中，我有一个图像和一个非常宽的HTML表格小部件。左对齐的图像加上长桌子看起来非常糟糕。我不喜欢在给定表格宽度的情况下增大图像宽度以使其合理，或者在向右移动图像以使其中心位于表格的中心之间。我所有的尝试都是：1）不执行任何操作或2）将图像向右移动（很好），但是部分图像似乎由于宽度限制而被切除，我不知道该如何增加。

我尝试了很多事情（我知道有些事情很愚蠢，但是我在这里变得绝望了）。其中一些包括：

1）更改图像的实际尺寸（增加宽度）并按原样加载-完全没有帮助

2）使用网格包中的grid.raster（）函数更改x方向坐标-将图像向右移动，但由于宽度限制而被剪切
-由于grid.raster在代码块中输出图像，所以我把fig.height和fig.width参数弄得一团糟，
-我还尝试使用CSS来增加HTML的宽度和文件的边距，该CSS可以完成某些操作，但不能满足我的要求-图像仍然被切掉

3）使用html <center> </center>（毫无疑问）不起作用

这是我的照片被剪掉的图片：

这是尝试编号2的代码示例：

```{r echo = FALSE, include = FALSE}

library(grid)
library(png)

```
<style type="text/css">
.main-container {
 max-width: 100px;
 margin-left: auto;
 margin-right: auto;
}

```{r echo = FALSE, fig.height = 10, fig.width = 20, echo = FALSE}

image <- readPNG(file.path(path, "IMAGE.png"))
grid.raster(image, x = unit(0.7, "npc"))
```