Como faço para centralizar uma imagem fornecido como um controle de imagem ASP.NET?

Question

A questão é bastante simples. Eu tenho um <asp:Image> que vive em um <asp:Panel>. Meu objetivo é fornecer uma "visualização de impressão" muito básico onde quer à esquerda, centro ou alinhamento à direita é selecionado. O painel representa a área de impressão completa (uma folha de 8,5" x 11" papel) eo interior imagem é a área que vai realmente obter impressos. O código completo é o seguinte:

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

I definir a propriedade ImageUrl no de trás do código, não há problemas. Se eu quiser alinhar a imagem todo o caminho para a esquerda ou para a direita, eu só posso especificar ImageAlign="[Left|Right]". No entanto, eu não tenho sido capaz de encontrar uma maneira de Centro a imagem no painel. Eu tentei todos os diferentes valores ImageAlign e nenhum deles parece fazer o que eu quero. Am I SOL aqui? Se eu tiver que, eu posso alterar a classe CSS para a imagem ou painel, mas eu não conseguia descobrir nada de sucesso com essa abordagem também.

Answer 1

E se você usa o painel HorizontalAlign = "Center" propriedade .......

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

Answer 2

no seu tag painel (que se torna um cliente div) basta adicionar este atributo:

CssStyle="text-align:center;"

Apesar de que iria centralizar tudo dentro desse painel.

Talvez apenas definir o CssStyle da imagem para a margem esquerda codificado? Se seu objetivo é uma largura fixa de visualização de impressão, este deve ser ok.

Answer 3

Painel de propriedades CSS:

CssStyle="alignCenter"

CSS:

.alignCenter
{
    margin: 0 auto;
}

Answer 4

Você pode usar folhas de estilo em linha ou folha de estilo externa para alcançar este objetivo e adicionar seu código css nele