简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Dimensi CSS

Saiz CSS

Atribut saiz (dimensi) css merangkumi aspek berikut:

tinggi Tetapkan ketinggian elemen.

lebar Tetapkan lebar elemen.

tinggi maks Tetapkan ketinggian maksimum elemen.

lebar maksimum Tetapkan lebar maksimum elemen.

tinggi min Tetapkan ketinggian minimum elemen.

lebar min Tetapkan lebar minimum elemen.

ketinggian garisan Tetapkan ketinggian garisan.

tinggi/min-tinggi/lebar menetapkan lebar ketinggian maksimum dan minimum bagi elemen

tinggi garisan menetapkan ketinggian garisan, yang merujuk kepada bahagian atas baris pertama kepada The. ketinggian bahagian atas baris kedua.

Tetapkan ketinggian elemen

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img class="normal" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /><br>
<img class="big" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" />
<p class="ex">这个段落的高和宽是 100px.</p>
</body>
</html>

Tetapkan ketinggian imej menggunakan peratusan

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
html {height:100%;}
body {height:100%;}
img.normal {height:auto;}
img.big {height:50%;}
img.small {height:10%;}
</style>
</head>
<body>
<img class="normal" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /><br>
<img class="big" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /><br>
<img class="small" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" />
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> img.normal { height:auto; } img.big { height:120px; } p.ex { height:100px; width:100px; } </style> </head> <body> <img class="normal" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /><br> <img class="big" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /> <p class="ex">这个段落的高和宽是 100px.</p> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492102 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！