在布局中居中组件

Question

我正在尝试将图片和标签置于垂直布局中，所以这是我写的代码：

    picture = new Embedded(null,  BrandableResourceHelper.getInstance().newResource("image/icon.png"));
    lab = new Label();
    lab.setWidth(100, UNITS_PERCENTAGE);

    VerticalLayout col = new VerticalLayout();
    col.addComponent(picture);
    col.addComponent(lab);
    col.setWidth(30, UNITS_PERCENTAGE);
    col.setComponentAlignment(picture, Alignment.MIDDLE_CENTER);
    col.setComponentAlignment(lab, Alignment.MIDDLE_CENTER);

这是我想要的：

这是我得到的：