将所有内容都设置为div修复大小

Question

如何调整div标签内的所有内容，使其最大大小为nwidth和height

我的div是：

<div style="width: 300px; height:60px">dynamique content </div>

但是，如果我有图片，图片，如果它大于div，则图片不会调整为div，而是div会变大。

我怎样才能做到这一点？

非常感谢

Answer 1

使用CSS你可以做到：

div * {
    max-width: 300px;
}

您可以在此处查看示例：http://jsfiddle.net/aEJuq/

Answer 2

你可以通过以下方法

来做到这一点

id or class or name {
    max-width: 300px;
    max-height: 60px;
}

您可以通过id或key或内联css或html img标记（如max-height

设置图片中的max-width和<img src="image your" width="your width" height="your height">来为图片执行此操作

Answer 3

使用max-width和max-height

   #blockUI img {
    max-width: 100%;
    max-height: 100%;
}