Question

我正在尝试对齐7个verticle kendo-ui滑块小部件的顶部并且他们没有在IE9（FF34工作）中对齐，除非我设置 max：，min：，smallStep：和largeStep：都一样。

参见示例：jsfiddle

$(document).ready(function(){

    $(".eqSliderYr").kendoSlider({
        orientation: "vertical",
        min: 2000,
        max: 2015,
        smallStep: 1,
        largeStep: 5,
        showButtons: true,
        increaseButtonTitle: "+ Year",
        decreaseButtonTitle: "- Year",
    });

    $(".eqSliderMon").kendoSlider({
        orientation: "vertical",
        min: 1,
        max: 12,
        smallStep: 1,
        largeStep: 5,
        showButtons: true,
        increaseButtonTitle: "+ Month",
        decreaseButtonTitle: "- Month",
    });

...

    // ---------------------------------------------------------------
    // 2nd group of sliders.  All have the same 
    // max:, min:, smallStep, and largeStep settings
    // ---------------------------------------------------------------
    $(".eq2SliderYr").kendoSlider({
        orientation: "vertical",
        min: 1,
        max: 91,
        smallStep: 1,
        largeStep: 20,
        showButtons: true,
        increaseButtonTitle: "+ Year",
        decreaseButtonTitle: "- Year",
    });

    $(".eq2SliderMon").kendoSlider({
        orientation: "vertical",
        min: 1,
        max: 91,
        smallStep: 1,
        largeStep: 20,
        showButtons: true,
        increaseButtonTitle: "+ Month",
        decreaseButtonTitle: "- Month",
    });
    //...

});

Answer 1

我有IE11，但我猜错了。只需将此CSS添加到滑块：

vertical-align: top;

更新了小提琴：http://jsfiddle.net/rhL33xc3/1/

IE9中的Kendo UI垂直滑块顶部对齐无法正常工作

1 个答案: