2016-11-03 16 views
0

イメージとテキストブロックを使用してShinyでウェルパネルを構築します。私はそれらを別々の列に置き、互いに隣り合うことを期待していました。シャイニーはそうでなければ考え、それらを整列させることを拒否する。テキストはイメージとは異なる行にあるように見えますが、なぜそれがそれを行うのかわかりません。ウェルパネル内でテキストと画像を水平に整列させる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引数です。それがなければ、イメージとテキストはうまく整列します。 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:私は疑問にしたより私はこのスクリーンショットのために別の画像を使用し、別のボックスのサイズは欠陥ではありません)

関連する問題