Как центрировать изображение, предоставленное в качестве элемента управления изображением ASP.NET?

Question

Вопрос довольно простой.у меня есть <asp:Image> который живет в <asp:Panel>.Моя цель — предоставить очень простой «предварительный просмотр печати», где выбирается выравнивание по левому, центральному или правому краю.Панель представляет собой всю область печати (лист бумаги размером 8,5 x 11 дюймов), а изображение внутри — это область, которая фактически будет напечатана.Полный код таков:

<asp:Panel ID="Panel2" runat="server"
    BackColor="Black"
    BorderStyle="Inset" 
    Width="425px"
    Height="550px" >
    <asp:Image runat="server" Height="425px" ImageAlign="" />
</asp:Panel>

Я установил ImageUrl свойство в коде позади, никаких проблем нет.Если я хочу выровнять изображение по левому или правому краю, я могу просто указать ImageAlign="[Left|Right]".Однако я не смог найти способ центр изображение на панели.Я перепробовал все разные значения ImageAlign, и ни одно из них не дает того, что я хочу.Я здесь СОЛ?Если понадобится, я могу изменить класс CSS для изображения или панели, но и с этим подходом мне не удалось добиться ничего успешного.

Answer 1

что, если вы используете свойство панели HorizontalAlign="Center".......

<asp:Panel runat="server" ID="Panel2" HorizontalAlign="Center">
</asp:Panel>

Answer 2

в теге панели (который становится клиентской частью div) просто добавьте этот атрибут:

CssStyle="text-align:center;"

Хотя это центрировало бы ВСЕ внутри этой панели.

Возможно, просто установите для CssStyle изображения жестко закодированное левое поле?Если ваша цель — предварительный просмотр печати с фиксированной шириной, это нормально.

Answer 3

Свойство CSS панели:

CssStyle="alignCenter"

CSS:

.alignCenter
{
    margin: 0 auto;
}

Answer 4

для этого вы можете использовать встроенную таблицу стилей или внешнюю таблицу стилей и добавить в нее свой CSS-код.