Rumah >hujung hadapan web >tutorial css >Gunakan CSS untuk memaparkan garis lentur di hujung bekas
Gunakan CSS untuk memaparkan garis lentur di hujung bekas
- 王林ke hadapan
- 2023-09-07 12:41:021017semak imbas
Gunakan atribut align-content dan tetapkan nilai kepada flex-end untuk menetapkan baris flex pada penghujung.
Contoh
Anda boleh cuba jalankan kod berikut untuk mencapai flex-endvalue
Demo dalam talian
<!DOCTYPE html>
<html>
<head>
<style>
.mycontainer {
display: flex;
height: 200px;
background-color: blue;
align-content: flex-end;
flex-wrap: wrap;
}
.mycontainer > div {
background-color: orange;
text-align: center;
line-height: 60px;
font-size: 30px;
width: 100px;
margin: 5px;
}
</style>
</head>
<body>
<h1>Queue</h1>
<div class = "mycontainer">
<div>Q1</div>
<div>Q2</div>
<div>Q3</div>
<div>Q4</div>
<div>Q5</div>
<div>Q6</div>
<div>Q7</div>
<div>Q8</div>
</div>
</body>
</html>Atas ialah kandungan terperinci Gunakan CSS untuk memaparkan garis lentur di hujung bekas. 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：Penggunaan atribut gaya peralihan dalam CSSArtikel seterusnya：Penggunaan atribut gaya peralihan dalam CSS