Elemen blok sebaris mempunyai ciri-ciri kedua-dua elemen sebaris dan elemen blok
Jadi bagaimana untuk menetapkan elemen kepada elemen blok sebaris
display:block-inline;
Nota: (baharu dalam css2.1), <img>, <input> ialah teg blok sebaris.
Ciri-ciri elemen blok sebaris
1 dan elemen lain berada pada baris yang sama
2 , ketinggian, lebar, ketinggian garisan dan jidar atas dan bawah elemen semuanya boleh ditetapkan.
Mari tulis contoh di bawah untuk menetapkan lebar, tinggi, warna latar belakang, dsb. untuk teg Teg ialah elemen sebaris secara lalai, dan lebar dan tinggi tidak mempunyai kesan
Kod adalah seperti berikut:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
a{
display:inline-block; /*内联块状元素*/
width:300px;
height:200px;
background-color:green;
color:red;
}
</style>
</head>
<body>
<a href="#">欢迎大家来到php中文网</a>
</body>
</html>Seperti yang ditunjukkan dalam kod di atas, selepas kami menukar teg kepada elemen blok sebaris, kami boleh menetapkan lebar dan ketinggian
bahagian seterusnya
