如何在 Kendo UI 中调整菜单项的大小

Question

我只想更改菜单项的高度！我已经结束了！

        <div id="responsive-panel">


            @(Html.Kendo().Menu()
                 .Name("mainkendomenu")
                  .Items(items =>
                  {
                      items.Add().Text("Alarms").SpriteCssClasses("k-icon k-i-note").Action("Alarms", "Alarms"); 
                      items.Add().Text("Tools").SpriteCssClasses("k-icon k-i-connector");
                      items.Add().Text("Settings").SpriteCssClasses("k-icon k-i-ungroup");
                  })
                .Events(e => e.Open("open").Close("close").Select("select").Activate("activate").Deactivate("deactivate"))


            )

        </div>

Answer 1

实际上，增加菜单高度的更简单方法是增加菜单项内部元素的行高：

ul.k-menu .k-link{height:100px;}

然后通过将图标的垂直对齐 属性 设置为 "middle"（默认情况下为 "top"）或设置一些上边距来修改图标的位置。

Answer 2

这是我最后得到的结果。

#responsive-panel .k-link
    {
        margin-top:-14px;
        height:5px;
    }