Блог

Главная - Вопросы по программированию - Как выровнять заголовок navbarPage(), чтобы он находился в середине панели навигации?

Как выровнять заголовок navbarPage(), чтобы он находился в середине панели навигации?

#r #shiny #tags #navbar

#r #блестящий #Теги #Панель навигации

Вопрос:

Это верхний левый угол моей панели навигации (созданный с помощью navbarPage() ).

введите описание изображения здесь

Как вы выравниваете белый текст по середине панели навигации, то есть где-то рядом с глазами кошек (это мой логотип.png)? Этот «белый текст» на самом деле является моим navbarPage() заголовком. Кроме того, как удалить квадрат, на который указывает этот заголовок. Квадрат генерируется в результате пустого аргумента title из более поздней tabPanel() функции. Я не хочу показывать заголовок. По сути, я спрашиваю, как удалить навигационную «кнопку» tabpanel () в верхней части панели навигации, фактически не удаляя TabPanel() и tabsetPanel() из приложения.

Спасибо

Ответ №1:

  1. Выравнивание текста по середине:

HTML

 <div class='test'>
  <p>test title</p>
</div>

css

 .test {
  display: flex;
  justify-content: center;
  align-items: center;
}

Не могли бы вы вставить сюда немного кода для остальных?

Комментарии:

1. Герой! Я использовал это «<div class=’navbar-header’> <span>Название приложения</span> </div>», чтобы прикрепить его к заголовку

2. Для второй части: navbarPage (title = «Название приложения», theme = shinytheme («cosmo»), navbarPage(title = «abc», TabPanel(title = ‘abc’, sidebarLayout( остальная часть пользовательского интерфейса ) … я добавил abc для представления заголовка, который будет сгенерирован в квадратном поле, указанном на рисунке выше. Большое спасибо за ваш .css, это сводило меня с ума 🙂