Vaadin - CSSLayoutの要素を整列する

Question

私はCSSlayoutを持っています。ここには、ラベルのような3つの要素と、アイコンのような無骨なボタン（X）があります。私はsetSizeUndefinedを設定しています。レイアウトは次のようにしたいと思います：ラベルのサイズは0pxから200pxのようになりますので余分なスペースを入れてラベルしてください。その後、別のラベルが必要になり、Xのように、削除ボタンの一番右側に位置合わせされます。私は本当にそれを行うことはできません。これはモバイルデバイスでも動作するはずですので、固定サイズはそれほど良い考えではないと思います。

<div class="v-csslayout v-layout v-widget"> 
    <div class="v-label v-widget uploadedRow-fileName v-label-uploadedRow-fileName v-label-undef-w">logo.jpg</div> 
    <div class="v-label v-widget uploadedRow-description v-label-uploadedRow-description v-label-undef-w">Description1</div> 
     <div style="width: 1px;" id="logo.jpg" class="v-button v-widget icon-only v-button-icon-only borderless v-button-borderless uploadedRow-deleteButton v-button-uploadedRow-deleteButton v-has-width" role="button" tabindex="0"><span class="v-button-wrap"><span class="v-icon FontAwesome"></span><span class="v-button-caption"></span></span></div> 
    </div> 

Answer 1

てみ右閉じるボタンにフロートを追加...ボタンアイコンを右動作していないフロート。

<div style="width: 1px; float: right;" id="logo.jpg" class="v-button v-widget icon-only v-button-icon-only borderless v-button-borderless uploadedRow-deleteButton v-button-uploadedRow-deleteButton v-has-width" role="button" tabindex="0"><span class="v-button-wrap"><span class="v-icon FontAwesome"></span><span class="v-button-caption"></span></span></div>