尝试在引导弹出窗口中将 Telerik 控件居中答案

【问题标题】：Attempting to center a telerik control in a bootstrap popup尝试在引导弹出窗口中将 Telerik 控件居中
【发布时间】：2015-05-04 22:47:56
【问题描述】：

我正在尝试使 radmediaplayer telerik 控制居中，但无济于事。请帮忙谢谢。

<asp:Panel ID="pnlModal3" runat="server" role="dialog" CssClass="modal fade">
    <asp:Panel ID="pnlInner3" runat="server" CssClass="modal-dialog" >
        <asp:Panel ID="pnlContent4" CssClass="modal-content" runat="server">
            <asp:Panel runat="server" class="modal-header">                        
                <h4 class="modal-title" >Clip Player</h4>
            </asp:Panel>
            <asp:panel runat="server" class="modal-body">
                <telerik:RadScriptManager runat="server" ID="RadScriptManager2" />
                <div style="text-align:center;">
                    <telerik:RadMediaPlayer ID="ClipPlayer" runat="server" AutoPlay="true" Height="400px" Width="400px" DestroyOnClose ="true">
                    </telerik:RadMediaPlayer>
                </div>
            </asp:panel>
            <asp:panel runat="server" class="modal-footer">
                <asp:Button ID="Button4" runat="server" Text="Close" OnClick="btnClose_Click" class="btn btn-default"/>
            </asp:panel>
        </asp:Panel>
    </asp:Panel>
</asp:Panel>

【问题讨论】：

标签： css asp.net telerik

【解决方案1】：

首先，两个通用问题：

RadMediaPlayer 没有 DestroyOnClose 属性。 RadWindow 有。
脚本管理器应该是您在 .

回到您的问题 - 究竟是什么不起作用？您是否尝试将 margin: auto 设置为媒体播放器控件的 div 元素？这在基本设置中对我有用：

<div>
    <telerik:RadMediaPlayer ID="ClipPlayer" CssClass="centeredPlayer" runat="server" AutoPlay="true" Height="400px" Width="400px">
    </telerik:RadMediaPlayer>
</div>

和

    .centeredPlayer
    {
        margin: auto;
    }

如果它不适合您，请检查呈现的 HTML 以了解 CSS 正在发挥作用。用一个简单的 div 替换 RadMediaPlayer 并首先将其居中。

【讨论】：