Html css更改类的大小不会'；行不通

我对HTML和CSS非常陌生。这就是说，我开发了一个闪亮的应用程序（R），为了设计应用程序的样式，我需要使用CSS。（闪亮社区对我的问题没有反应），所以我在这里尝试：

应用程序创建用户输入时呈现的绘图。基本上，当用户添加绘图时，会添加一行新的HTML。这些绘图有不同的大小，我希望它们在网页上垂直对齐。我添加了一个用于澄清“视觉”问题的示例

虽然我可以在R中设置不同大小的绘图，但网页上的“容器”固定为400px。我添加了一张检查网页的图片

我认为我可以通过使用针对.class的CSS文件来更改渲染图的高度。在CSS中，我使用了以下代码：

/*css file*/

.shiny-plot-output { height:200px; }

然而，它不起作用，即使经过几个小时的尝试，我仍然没有找到解决这个问题的方法。如果您能就此提供任何意见，我将不胜感激

如果您使用R，并且希望使用可复制的示例，我在上创建了一个最小可复制的示例

---

非常感谢您的帮助。

只需将css文件中的=替换为：

.shiny-plot-output { height:200px; }

---

使用以下代码：

.shiny-plot-output { height:200px; }

您的代码有一个

=

符号，该符号必须是

：

CSS

一般语法如下：

selector {style : value}

• 选择器：是要设置样式的元素
• 样式：需要为的属性，例如

  边距

  ，

  字体大小

  等
• 值：我们想要给

  CSS

  属性的值

---

谢谢威廉。在这里发布之前，我已经使用了css文件，通过重写它，我意外地添加了一个=而不是：。然而，同样由于语法的改变，它不起作用。作为选择器，我使用了.class（.shinny plot output），但什么也没发生。你还有什么建议吗？谢谢。但是，它不会更改“容器”的大小。你还有其他建议吗？在css中使用important来覆盖这种内联样式。闪亮的打印输出{height:200px！important；}哇！你真的在这里救了我：）这完全成功了！非常感谢你。