代码实例
<!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 | 设置元素的宽度 |