Блог

Я пытаюсь написать текст в поле значений. Я хочу выровнять некоторый текст с левой стороны и некоторый текст с правой стороны в одной строке. Я попробовал этот код:

 library(shiny)
library(shinydashboard)
library(flexdashboard)


ui <- dashboardPage(skin = 'purple',
                    dashboardHeader(),
                    dashboardSidebar(),
                    
                    dashboardBody(skin = 'purple',
                                  
                                  fluidRow(
                                    shinydashboard::valueBoxOutput("header", width = 12)
                                  )))


server <- function(input, output) {
  
  output$header <- shinydashboard::renderValueBox({
    shinydashboard::valueBox(tags$p("Hello World!", style ="color : black"), "Hi!")
  })
  
}

shinyApp(ui, server)
  

Используя приведенный выше код, я получил это:

Но я хочу отображать так:

Привет с левой стороны и миру!в правой части поля значений. Если это возможно в поле значений, как я могу это сделать?

Если вы хотите использовать разные стили для элементов, лучше всего разделить их на разные теги.

В этом случае я бы предложил span , поскольку это встроенный тег. существует много разных способов выравнивания объекта с помощью html и css. Я считаю, что проще всего просто добавить float:right ко второму тегу span.

 output$header <- shinydashboard::renderValueBox({
    shinydashboard::valueBox(tags$p(tags$span("Hello"),tags$span("World!", style = "float:right"), style ="color : black"), "Hi!")
  })