Question

materialize.min.css slider课程的某个地方正在分配height。我根本无法覆盖这一点。

我尝试的是在我的小部件的构造函数中设置高度：

public class HomeViewImpl extends Composite implements HomeView {

    public HomeViewImpl() {

        initWidget(uiBinder.createAndBindUi(this));     

        int height = Window.getClientHeight();
        slider.getElement().getStyle().setHeight(height, Unit.PX);
    }
}

我还试图在我自己的css文件中覆盖它，我也试图用相同的结果覆盖Widget.onLoad()。之后我可以调整滑块大小，但实际加载时不能打开。由于我希望它耗尽整个可用空间，因此必须调整“ on load ”的大小。

请注意设置fullscreen="true"不是一个选项，因为这会搞乱我在这里使用的视差效果的安排。

<m:MaterialSlider ui:field="slider" fullscreen="false">

    <m:MaterialSlideItem height="100%">
        <m:MaterialImage url="http://mayastepien.nl/googlecalendar/google-drinks.jpg" />
        <m:MaterialSlideCaption textAlign="CENTER">
            <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan." />
        </m:MaterialSlideCaption>
    </m:MaterialSlideItem>

    <m:MaterialSlideItem height="100%">
        <m:MaterialImage url="http://dreamatico.com/data_images/car/car-1.jpg" />
        <m:MaterialSlideCaption textAlign="CENTER">
            <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan." />
        </m:MaterialSlideCaption>
    </m:MaterialSlideItem>

</m:MaterialSlider>

Answer 1

根据

中的源代码

https://github.com/GwtMaterialDesign/gwt-material/blob/master/gwt-material/src/main/java/gwt/material/design/client/ui/MaterialSlider.java

..您也可以在MaterialSlider上设置height属性（在您的UiBinder xml中）。

您可能知道这一点，但相对高度仅在设置父元素的高度时才有效。

参见例如 Make div 100% height of browser window

无法设置MaterialSlider的高度 - 如何覆盖CSS？

1 个答案: