Rumah > hujung hadapan web > tutorial css > css的display属性有哪些

css的display属性有哪些

coldplay.xixi
Lepaskan: 2020-10-29 16:20:46
asal
17432 orang telah melayarinya

css的display属性有:1、【display: none】把元素隐藏;2、【display: inline】把块级标签变成内联标签;3、【display: block】把内联标签变成块级标签。

css的display属性有哪些

css的display属性有:

1、display: none:把元素隐藏,物理位置也不在了.

b47a3576729c0df6085af681cbce308.png

2、鼠标移动到c1,c2区域的时候隐藏c1.

a34164113909d4ae2481ce9c0630f98.png

3、display: inline:把块级标签变成内联标签.

56fdfb80b0657b14d9d868d9a130f42.png

4、display: block:把内联标签变成块级标签.

887d1155050b3b9a14df52085cd75c6.png

5、display: inline-block:既有内联标签并排显示的特性,又具有块级标签设置长宽的属性.

这个都是正常文档流,不像float会浮起来.

f49b38469a18b1e9bd2dfa178d2d218.png

6、display: inline-block多出的间隙用margin来调整.

b55d9d1d8f6fb41258077c3a6aecc8f.png

相关免费推荐:《CSS视频教程

Atas ialah kandungan terperinci css的display属性有哪些. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan