masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 详谈div中的dispaly:inline样式 和span的区别

详谈div中的dispaly:inline样式 和span的区别

墨辰丷
Lepaskan： 2018-05-09 17:48:44
asal
1959 orang telah melayarinya

本篇文章主要详谈div中的dispaly:inline样式 和span的区别，感兴趣的朋友一起来了解以下吧！

代码如下：

<span style="background-color:red;">xxx</span> 
<span style="background-color:red;">xxx</span> 

 

 
<div style="background-color:red;display:inline">xxx</div> 
<div style="background-color:red;display:inline">xxx</div> 

 

 
<span style="background-color:red;">我是没有间隔的</span><span style="background-color:red;">伟大的hutia，挖哈哈哈</span>
Salin selepas log masuk

总结：

一句话就是在CSS中通过display:inline-block对一个对象指定inline-block属性，可以将对象呈递为内联对象，但是对象的内容作为块对象呈递。

相关推荐：

div与span有什么区别

在HTML的网页布局里div与span有什么区别

jquery如何实现div与span的keydown事件详解

html5中关于div与span html块级元素的详细介绍

div与span之间有什么区别分析解释

Atas ialah kandungan terperinci 详谈div中的dispaly:inline样式 和span的区别. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
inline gaya
sumber：php.cn
Artikel sebelumnya：滚动条的简单实现 Artikel seterusnya：html中的有序列表和无序列表
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2240
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2380
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1989
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1877
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1947
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan