如何在调整 RadToolBar 大小时对齐 RadToolBar 中调整大小的项目?

How to align resized items in RadToolBar when RadToolBar is resized?

我 运行 遇到了 radtoolbar 中 radtoolbarbutton 的问题,无法在任何地方找到解决方案。

我的 Radtoolbar 看起来像这样...

    <div>
    <telerik:RadToolBar ID="rtlbCustomers" runat="server"
        Width="100%" Height="18px">
        <Items>
            <telerik:RadToolBarButton runat="server" ImageUrl="~/Images/AddIco.png" Text="Add" Value="btnAdd" />
            <telerik:RadToolBarButton runat="server" ImageUrl="~/Images/EditIco.png" Text="Change" Value="btnUpdate" />
            <telerik:RadToolBarButton runat="server" ImageUrl="~/Images/DeleteIco.png" Text="Delete" Value="btnDelete" />
        </Items>
    </telerik:RadToolBar>
</div>

我已经用这个调整了项目的大小...

.RadToolBar .rtbItem {
        height:16px !important;
    }

这是它的样子的照片..

我试图让我的按钮在 radtoolbar 中正确对齐,以便 radtoolbarbuttons 位于灰色区域,但无法弄清楚如何。 有人 运行 遇到这种情况吗?

使用您的开发工具栏找到您需要更改的元素。这对我来说似乎不错:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <style type="text/css">
            div.RadToolBar .rtbOuter,
            div.RadToolBar .rtbIn,
            div.RadToolBar .rtbIcon
            {
                padding: 0;
                line-height: 14px;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="Scriptmanager1" runat="server" />
            <telerik:RadToolBar ID="rtlbCustomers" runat="server"
                Width="100%" Height="18px">
                <Items>
                    <telerik:RadToolBarButton runat="server" ImageUrl="~/Images/icon_16x16.png" Text="Add" Value="btnAdd" />
                    <telerik:RadToolBarButton runat="server" ImageUrl="~/Images/icon_16x16.png" Text="Change" Value="btnUpdate" />
                    <telerik:RadToolBarButton runat="server" ImageUrl="~/Images/icon_16x16.png" Text="Delete" Value="btnDelete" />
                </Items>
            </telerik:RadToolBar>
        </form>
    </body>
</html>