• 密码登录
  • 手机登录
社交账号登录
阅读( ) 收藏( ) 加载中~ 我要纠错

代码实例

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
img {
  background: lightgray;
  border: 4px solid black;
  margin: 2px;
  box-sizing: border-box;
  min-width: 100px;
  width: 50%;
  max-width: 200px;
}
</style>
</head>
<body>
  <img src="/uploads/allimg/20220929/1-220929200U4528.png" alt="small  banana">

</body>
</html>

尝试一下 »

点击“尝试一下”按钮查看在线实例

您可以使用min-和max-属性来设置元素大小的限制。

以下代码设置Size的最小和最大范围。

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
img {
  background: lightgray;
  border: 4px solid black;
  margin: 2px;
  box-sizing: border-box;
  min-width: 100px;
  width: 50%;
  max-width: 200px;
}
</style>
</head>
<body>
  <img src="/uploads/allimg/20220929/1-220929200U4528.png" alt="small  banana">

</body>
</html>
属性描述
height设置元素的高度
max-height设置最大高度
max-width设置最大宽度
min-height设置最小高度
min-width设置最小宽度
width设置元素的宽度


×