Pengelasan elemen--elemen sebaris
Pengkelasan elemen - elemen sebaris
Dalam HTML, <span>, <a>, <label>, <strong> dan <em> ialah elemen sebaris biasa (elemen sebaris) ( sebaris) elemen. Sudah tentu, elemen blok juga boleh ditetapkan sebagai elemen sebaris melalui paparan kod:sebaris. Kod berikut menukarkan elemen blok div kepada elemen sebaris, supaya elemen div mempunyai ciri-ciri elemen sebaris.
div{
display:inline;
}
......
<div>Saya mahu menjadikannya elemen sebaris</div>
Ciri elemen sebaris :
1. Pada baris yang sama dengan elemen lain;
2 elemen Lebar ialah lebar teks atau imej yang terkandung di dalamnya dan tidak boleh diubah.
Kawan-kawan, lihat segmen kod di sebelah kanan Adakah anda mendapati masalah jarak antara elemen sebaris ia keluar.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>行內(nèi)元素標(biāo)簽</title>
<style type="text/css">
a,span,em{
background:pink;/*設(shè)置a、span、em標(biāo)簽背景顏色都為粉色*/
}
</style>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
<a href="http://miracleart.cn">php中文網(wǎng)</a>
<span>33333</span>
<span>44444</span><em>555555</em>
</body>
</html>
