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>

Meneruskan pembelajaran
||
<!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>
  • Cadangan kursus
  • Muat turun perisian kursus