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>行内元素标签</title> <style type="text/css"> a,span,em{ background:pink;/*设置a、span、em标签背景颜色都为粉色*/ } </style> </head> <body> <a href="http://www.baidu.com">百度</a> <a href="//m.sbmmt.com">php中文网</a> <span>33333</span> <span>44444</span><em>555555</em> </body> </html>