2016-11-03 3 views
0

Я строю колодец в Блестящем с изображением и текстовым блоком. Я помещал их в отдельные столбцы и ожидал, что они будут рядом друг с другом. Блестящие думали иначе и отказываются выровнять их. Текст, кажется, находится на другой строке, чем изображение, и я не понимаю, почему это происходит.Выравнивать текст и изображение по горизонтали в wellpanel R Shiny

enter image description here

ui <- fluidPage(
    wellPanel(
    fluidRow( 
     column(3, img(height = 105, width = 300, 
        src = "logo_pcfruit.jpg")), 
     column(9, offset = 3, 
     p("De perenbladvlo vormt één van de voornaamste perenplagen in Europa. 
     Perenbladvlooien voeden zich met plantensap dat ze uit bladknoppen en jonge scheuten zuigen. 
     Deze zuigactiviteit leidt tot directe schade aan perenbomen onder de vorm van bladmisvorming en groeiremming. 
     Het teveel aan suikers dat ze uit het plantensap opnemen, scheiden perenbladvlooien -net als bladluizen- uit als honingdauw. 
     "), 
     p("Perenbladvlooien overwinteren als adult en leggen vroeg in het jaar een eerste generatie eitjes. 
     De uitgekomen larven doorlopen 5 stadia alvorens ze een laatste keer vervellen tot adult en op hun beurt eitjes leggen. 
     "), 
    ) 
    ) 
) 
) 

(Извините за большой ввод текста, но в остальном планировка менее ясно.)

У меня нет опыта вообще с помощью CSS и HTML, поэтому Блестящая решение будет будь красивой. Если это невозможно, CSS или HTML в порядке.

На прошлой неделе я опубликовал аналогичный вопрос о titelpanel. Теперь я думаю, что оба случая вызваны одной и той же проблемой, но что?

ответ

1

Я сам это понял: проблема заключается в аргументе offset в column(). Без него изображение и текст выравниваются красиво. Тот же ответ для проблемы titlePanel.

ui <- fluidPage(
    wellPanel(
    fluidRow( 
     column(3, img(height = 105, width = 300, src = "logo_pcfruit.jpg")), 
     column(9, 
     p("De perenbladvlo vormt één van de voornaamste perenplagen in Europa. 
     Perenbladvlooien voeden zich met plantensap dat ze uit bladknoppen en jonge scheuten zuigen. 
     Deze zuigactiviteit leidt tot directe schade aan perenbomen onder de vorm van bladmisvorming en groeiremming. 
     Het teveel aan suikers dat ze uit het plantensap opnemen, scheiden perenbladvlooien -net als bladluizen- uit als honingdauw. 
     "), 
     p("Perenbladvlooien overwinteren als adult en leggen vroeg in het jaar een eerste generatie eitjes. 
     De uitgekomen larven doorlopen 5 stadia alvorens ze een laatste keer vervellen tot adult en op hun beurt eitjes leggen. 
     "), 
    ) 
    ) 
) 
) 

enter image description here

(EDIT: Я использовал другое изображение для этого экрана, чем я в этом вопросе, то другой размер коробки не недостаток)

Смежные вопросы