Javascript 如何将我的谷歌地图信息窗口内容居中？

我这里有一个打开谷歌地图信息窗口的窗口。 我已移除（隐藏）关闭按钮，但窗口右侧的填充和/或边距仍处于关闭状态

---

如何将位于信息窗口中的引导卡居中？

右侧的额外空白由以下样式添加：

<div class="gm-style-iw-d" style="overflow: scroll; max-height: 508px;">
                                  ^^^^^^^^^^^^^^^^

另一个问题是：

<div class="gm-style-iw gm-style-iw-c" style="padding-right: 0px; padding-bottom: 0px;
                                              ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

最后一个解决方案是从您的卡中删除硬编码宽度：

<div class="card" style="width: 18rem;">
                         ^^^^^^^^^^^^^
                         remove this

^^^^^^^^^^^^^
去掉这个

因此，默认情况下，卡的宽度为100%

---

卡信息窗口似乎位于中心位置。到底是什么问题？如果你看，右边的空白比左边多。如果你指的是卡内的空白，那是因为它有

最大宽度：375px；宽度：计算（100%-10px）在其样式中。卡片中有多余的空间，因为文本不够长，无法换行。如果你把浏览器的宽度缩小到375px以下，空白就会消失。非常感谢，这很有帮助。快速提问-什么是“：：ng deep”？
：：ng deep
combinator告诉Angular将样式应用于当前组件及其所有子体。如果没有它，样式将仅应用于组件自己模板中的HTML。另请参见您的链接，它说它已被弃用，我应该使用：host>>.class吗？它说您应该使用文档
中的
：：ng deep
，因此我们计划在Angular中放弃支持（对于/deep/，>>>和：：ng deep中的所有3个）。在此之前，最好使用：：ng deep，以便更广泛地与工具兼容。
尝试替换
宽度：19.2rem！重要的带
最大宽度：19.2rem！重要的我更新了演示
:host ::ng-deep .gm-style-iw-c {
    padding-right: 12px !important;
    padding-bottom: 12px !important;
}

<div class="card" style="width: 18rem;">
                         ^^^^^^^^^^^^^
                         remove this