Bagaimana untuk menetapkan lebar dan ketinggian maksimum elemen dalam css

WBOY
Lepaskan: 2021-12-06 15:54:40
asal
5637 orang telah melayarinya

Kaedah tetapan: 1. Gunakan atribut "max-width" untuk menetapkan lebar maksimum elemen Sintaks ialah "elemen {max-width: element maximum width value;}" 2. Gunakan atribut "max-height" Tetapkan ketinggian maksimum elemen, sintaksnya ialah "elemen {max-width: elemen nilai ketinggian maksimum;}".

Bagaimana untuk menetapkan lebar dan ketinggian maksimum elemen dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Cara menetapkan lebar dan ketinggian maksimum elemen dalam css

Dalam css, anda boleh menggunakan lebar maksimum dan ketinggian maksimum atribut untuk menetapkan elemen Lebar maksimum dan ketinggian maksimum elemen, peranan atribut lebar maksimum adalah untuk menentukan lebar maksimum elemen, dan peranan atribut ketinggian maksimum adalah untuk menetapkan ketinggian maksimum elemen. .

Mari kita ambil contoh untuk melihat cara menetapkan lebar maksimum dan ketinggian maksimum elemen Contoh adalah seperti berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
p {
    text-indent: 1cm;
    max-width:350px;
    max-height:100px;
    }
</style>
</head>
<body>
<p>
噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。地崩山摧壮士死,然后天梯石栈相钩连。上有六龙回日之高标,下有冲波逆折之回川。黄鹤之飞尚不得过,猿猱欲度愁攀援。青泥何盘盘,百步九折萦岩峦。扪参历井仰胁息,以手抚膺坐长叹。
</p>
<img  src="1118.02.png"  alt="Bagaimana untuk menetapkan lebar dan ketinggian maksimum elemen dalam css" >
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

<.>Bagaimana untuk menetapkan lebar dan ketinggian maksimum elemen dalam css

(Belajar perkongsian video:

tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk menetapkan lebar dan ketinggian maksimum elemen dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan