Java CSSLayout中的Vaadin对齐元件

我得到了一个CSSlayout，其中有三个元素，像标签，标签和无边框按钮（X），像图标一样使用。我已经设置了setSizeUndefined，我希望有一个像：Label这样的布局，并且有额外的空间，因为标签的大小可以是0 px到200 px。然后我需要另一个标签，然后对准最右边的删除按钮，比如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>

logo.jpg
说明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>



正如我刚才所说，它不起作用，我不知道为什么。v-button-uploadedRow-deleteButton{margin-top:-1px；float:right；}我试图添加新的水平布局，但其中的按钮无效。它以固定的大小工作，但不响应。为什么按钮有1px的宽度？似乎没有必要。如果可以的话，我建议您使用flexbox来对齐项目。如果您不能（因为浏览器支持），那么绝对定位可能在您的情况下起作用。