Vaadin：右上角的窗口

Question

我定义了一个窗口，这是代码：

Window w = new Window();
    w.setCaption("caption");
    w.setModal(true);
    w.center();
    w.setDraggable(false);
    w.setClosable(false);
    w.setResizable(false);
    w.setWidth("500px");
    w.setHeight("380px");
    ...

图片：  

如何将标题移动到窗口的右上角？我应该使用什么CSS？

Answer 1

您可以使用要放置在右上角的绝对元素来完成此操作。但需要保持外部div相对。为您提供片段中的一个小示例。此处relative保留为span，absolute保留为test，相对于.test { position: relative; height: 100px; width: 200px; border: 1px solid #000; } .test span { position: absolute; top: 10px; right: 10px; }。在这里你可以通过提供位置来放置它。请检查您是否觉得有用

＆＃13;

＆＃13;

<div class="test">
  <span>Hello</span>
</div>

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;