Rumah >hujung hadapan web >tutorial css >Bagaimana untuk menentukan jenis kotak yang digunakan oleh elemen HTML menggunakan CSS?
Bagaimana untuk menentukan jenis kotak yang digunakan oleh elemen HTML menggunakan CSS?
- PHPzke hadapan
- 2023-09-10 09:33:041224semak imbas
Gunakan atribut display untuk menentukan jenis kotak yang digunakan untuk elemen HTML.
Contoh
Anda boleh cuba menjalankan kod berikut untuk melaksanakan sifat paparan untuk memaparkan bekas flex.
Demonstrasi secara langsung
<!DOCTYPE html>
<html>
<head>
<style>
.mycontainer {
display: flex;
height: 300px;
background-color: orange;
}
.mycontainer > div {
background-color: white;
text-align: center;
line-height: 90px;
font-size: 40px;
width: 100px;
margin: 50px;
}
</style>
</head>
<body>
<h1>Quiz</h1>
<div class = "mycontainer">
<div>Q1</div>
<div>Q2</div>
<div>Q3</div>
<div style = "align-self: center">Q4</div>
<div>Q5</div>
</div>
</body>
</html>Atas ialah kandungan terperinci Bagaimana untuk menentukan jenis kotak yang digunakan oleh elemen HTML menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Gunakan CSS3 fit-content untuk mencapai pemusatan mendatar elemenArtikel seterusnya：Gunakan CSS3 fit-content untuk mencapai pemusatan mendatar elemen