Css 试图在引导弹出窗口中居中telerik控件

我正试图将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>

剪辑播放器

首先，两个通用问题：

• RadMediaPlayer没有DestroyOnClose属性。RadWindow有
• 脚本管理器应该是脚本中的第一个控件

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

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

如果它不适用于您，请检查呈现的HTML以查看CSS的作用。用一个简单的div代替RadMediaPlayer，并先将其居中

    .centeredPlayer
    {
        margin: auto;
    }