css - 使 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和in picture 来为图像执行此操作max-width<img src="image your" width="your width" height="your height">

Answer 3

使用最大宽度和最大高度

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