Как центрировать изображение, предоставляемое в качестве элемента управления изображения 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, и ни одно из них, кажется, не делает то, что я хочу. Я SOL здесь? Если мне нужно, я могу изменить класс CSS для изображения или панели, но я не смог придумать ничего успешного с этим подходом.

Answer 1

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

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

Answer 2

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

CssStyle="text-align:center;"

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

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

Answer 3

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

Answer 4

Панель CSS Свойство:

CssStyle="alignCenter"

CSS:

.alignCenter
{
    margin: 0 auto;
}