Css Изменение размера класса не работает
Я новичок в HTML и CSS. При этом я разрабатываю блестящее приложение (R), и для стилизации приложения мне нужно использовать CSS. (Сообщество "блестящих" не отреагировало на мой вопрос), поэтому я пробую здесь:
Приложение создает графики, которые отображаются после ввода данных пользователем. Обычно, когда пользователь добавляет график, добавляется новая строка HTML. Эти графики имеют разные размеры, и я хочу, чтобы они выровнялись по вертикали на веб-странице. Я добавил изображение для прояснения "визуальной" проблемы.
Хотя я могу установить другой размер графика в R, «контейнер» на веб-странице зафиксирован на 400 пикселей. Я добавил картинку осмотра веб-страницы здесь.
Я думал, что могу изменить высоту визуализированных графиков, используя файл CSS, нацеленный на .class. В CSS я использовал следующий код:
/*css file*/
.shiny-plot-output { height:200px; }
Однако это не работает, и даже после нескольких часов попыток я не нашел решения. Я был бы очень признателен за любую информацию по этому поводу.
Если вы используете R и хотите использовать воспроизводимый пример, я создал минимальный воспроизводимый пример на github.
Большое спасибо за любую помощь.
Ответы 2
просто замените знак равно на : в вашем файле css.
.shiny-plot-output { height:200px; }
Используйте important для перезаписи этого встроенного стиля в вашем css .shiny-plot-output {height: 200px! Important; }
Ух ты! Вы действительно спасли меня здесь :) Это полностью помогло! Большое спасибо.
Используйте следующий код:
.shiny-plot-output { height:200px; }
У вашего кода есть знак =, который должен быть :.
Общий синтаксис CSS следующий:
selector {style : value}
- селектор: это элемент для стилизации
- стиль: свойство, которое должно быть, например,
margin,font-sizeи т. д. - Ценить: Значение, которое мы хотим дать свойству
CSS.
Спасибо, Виллем. Я поигрался с файлом css перед публикацией здесь и, переписав его, я случайно добавил =, а не:. Однако даже при изменении синтаксиса это не работает. В качестве селектора я использовал .class (.shiny-plot-output), но ничего не происходит. У вас есть еще какой-нибудь совет?
Спасибо. Однако это не меняет размер «контейнера». Есть ли у вас другие предложения?