我有一个固定高度和宽度的div。在div中,图像的高度和宽度未知。如何居中图像。

示例http://jsfiddle.net/huhu/UyBNh/

我希望输出像http://i.stack.imgur.com/8x9qH.gif

最佳答案

#center {
    display:table-cell;
    width:400px;
    height:400px;
    border:1px solid #444;
    margin:auto;
    vertical-align:middle;
    text-align:center}


这会将您的div视为表单元格,它对居中具有出色的支持。图像不需要任何CSS。

关于jquery - 如何使用CSS将文本或图像固定在div的固定大小上,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4464608/

10-12 18:16
查看更多