css Изменение размера класса не работает

Question

Я очень новичок в HTML и CSS. При этом я разрабатываю блестящее приложение (R), и для стилизации приложения мне нужно использовать CSS. («Блестящее» сообщество не отреагировало на мой вопрос), поэтому я пробую здесь:

Приложение создает графики, которые отображаются при вводе пользователем. По сути, когда пользователь добавляет график, добавляется новая строка HTML. Эти графики имеют разные размеры, и я хочу, чтобы они были выровнены по вертикали на веб-странице. Я добавил изображение для прояснения «визуальной» проблемы.

Хотя я могу установить другой размер графика в R, «контейнер» на веб-странице имеет фиксированный размер 400px. Я добавил фотографию проверки веб-страницы здесь .

Я подумал, что могу изменить высоту отображаемых графиков, используя файл CSS, нацеленный на .class. В CSS я использовал следующий код:

/*css file*/

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

Однако, это не работает, и даже после нескольких часов попыток, я не нашел решения для этого. Буду очень признателен за любые материалы по этому вопросу.

Если вы используете R и хотите использовать воспроизводимый пример, я создал минимальный воспроизводимый пример на github .

Большое спасибо за любую помощь.

Answer 1

Используйте следующий код:

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

Ваш код имеет знак =, который должен быть :.

CSS Общий синтаксис выглядит следующим образом:

selector {style : value}

• селектор : элемент для стиля
• стиль : свойство, которое должно быть, например, margin, font-size и т. Д.
• Значение: Значение, которое мы хотим присвоить свойству CSS.

Answer 2

просто замените = на : в вашем файле CSS.

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