调整 RadToolBar 大小时如何对齐 RadToolBar 中调整大小的项目？答案

【问题标题】：How to align resized items in RadToolBar when RadToolBar is resized?调整 RadToolBar 大小时如何对齐 RadToolBar 中调整大小的项目？
【发布时间】：2015-07-02 10:33:40
【问题描述】：

我在 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 位于灰色区域，但不知道如何。有人遇到过这种情况吗？

【问题讨论】：

标签： css asp.net telerik

【解决方案1】：

使用您的开发工具栏查找您需要更改的元素。这对我来说似乎很好：

<!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>

【讨论】：