| 屬性 | 描述 | 備忘 |
| height | 檢索或設定對象的高度 | 對象的實際高度=margin+border+padding+height |
| max-height | 檢索或設定對象的最大高度,如果此屬性的值小於min-height屬性的值,將被自動轉設為min-height屬性的值 | |
| min-height | 設定或檢索對象的最小高度,如果此屬性的值大於max-height屬性的值,將會被自動轉設為max-height屬性的值 | |
| width | 檢索或設定對象的寬度 | 對象的實際寬度=margin+border+padding+width |
| max-width | 設定或檢索對象的最大寬度,如果此屬性的值小於min-width屬性的值,則被自動轉換為min-width屬性的值 | |
| min-width | 設定或檢索對象的最小寬度,如果此屬性的值大於max-width屬性的值,則被自動黃鑽換為max-width屬性的值 |
例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>無標題頁</title> <style type="text/css"> div,span { border : solid 1px black; } div { max-width:400px; min-height:300px; } span { height:50px; max-width:300px; float:left; } </style></head><body> <div> <span>電腦科學與技術</span> <span>電腦科學與技術技術</span> <span>電腦科學與技術技術技術</span> <span>電腦科學與技術技術</span> <span>電腦科學與技術電腦科學與技術電腦科學與技術</span> <span>電腦科學與技術</span> </div></body></html>
效果:
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
