Question

我对HTML和CSS非常陌生。话虽这么说，我开发了一个闪亮的App（R），并且要为该应用设计样式，需要使用CSS。（“闪亮”社区对我的问题没有反应），所以我在这里尝试：

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

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

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

/*css file*/

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

但是，它不起作用，即使经过数小时的尝试，我仍未找到解决方案。对于此方面的任何投入，我将不胜感激。

如果您使用R并想使用可复制的示例，则我在github上创建了一个最小的可复制示例。

非常感谢您的帮助。

Answer 1

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

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

Answer 2

使用以下代码：

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

您的代码带有=符号，必须为:。

CSS的常规语法如下：

selector {style : value}