Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

如何区别内联元素，块状元素，内联块状元素？

小白 2016-12-19 14:15:19

0

2

1172

内联元素->块状元素：display:block

块状元素->内联元素：display:inline

元素->内联块状元素：display:inline-block

小白

好好学习，天天向上！！！

reply all (2)

数据分析师2017-09-30 22:57:21 2 floor

How to distinguish between inline elements, block elements, and inline block elements? -PHP Chinese website Q&A-How to distinguish between inline elements, block elements, and inline block elements? -PHP Chinese website Q&A

Please watch and learn.

Like+0

Add Reply

迷茫2016-12-19 14:15:43 1 floor

在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。

常用的块状元素有：

、

、

...

、
、
、
、、
、
、

常用的内联元素有：

、、
、、、、、、`、、`
`常用的内联块状元素有：、下面的只是来自于课程15-9：有一个有趣的现象就是当为元素（不论之前是什么类型元素，display:none 除外）设置以下 2 个句之一： position : absolute float : left 或 float:right 元素会自动变为以 display:inline-block 的方式显示，当然就可以设置元素的 width 和 height 了且默认宽度不占满父元素。`Like+2 Add Reply 关闭回复小白 Popular Topics More> What size is a5 paper Registration domain name query tool The difference between nohup and & Introduction to the meaning of += in C language Popular Articles Celestia (TIA) Price Forecast for 2024 and the Best Crypto Presale in August 2024 Hot currency exchange app download latest tutorial How to get the Pig Shield in Cats Quest 3 Toy Tower Defense Strategies and Cheats List of Toy Tower Defense Cheats Genshin Impact When will version 5.0 be launched? Popular Tutorials More> Related Tutorials Popular Recommendations Latest courses The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course) 1395524 PHP introductory tutorial one: Learn PHP in one week 4207657 JAVA Beginner's Video Tutorial 2355114 The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course) 1395524 JAVA Beginner's Video Tutorial 2355114 Little Turtle's zero-based introduction to learning Python video tutorial 493540 Quick introduction to web front-end development 213531 Master PS video tutorials from scratch 844605 [Web front-end] Node.js quick start 3267 Complete collection of foreign web development full-stack courses 2601 Go language practical GraphQL 2062 550W fan master learns JavaScript from scratch step by step 474 Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours 11270 Latest Downloads More> Web Effects Website Source Code Website Materials Front End Template [form button] jQuery enterprise message form contact code [Player special effects] HTML5 MP3 music box playback effects [Menu navigation] HTML5 cool particle animation navigation menu special effects [form button] jQuery visual form drag and drop editing code [Player special effects] VUE.JS imitation Kugou music player code [html5 special effects] Classic html5 pushing box game [Picture special effects] jQuery scrolling to add or reduce image effects [Photo album effects] CSS3 personal album cover hover zoom effect [Bootstrap template] Organic fruit and vegetable supplier web template Bootstrap5 [backend template] Bootstrap3 multifunctional data information background management responsive web page template-Novus [Bootstrap template] Real estate resource service platform web page template Bootstrap5 [Bootstrap template] Simple resume information web template Bootstrap4 [Bootstrap template] bootstrap responsive widescreen book education website template-DREAMLIFE [backend template] MAC style responsive blue enterprise CMS background management system template [backend template] Responsive gradient atmosphere background management system website template-usinessbox [Bootstrap template] Responsive vegetable and fruit store website template-Organio [PNG material] Cute summer elements vector material (EPS PNG) [PNG material] Four red 2023 graduation badges vector material (AI EPS PNG) [banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS) [PNG material] Golden graduation cap vector material (EPS PNG) [PNG material] Black and white style mountain icon vector material (EPS PNG) [PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses [banner picture] Flat style Arbor Day banner vector material (AI+EPS) [PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG) [Front-end template] Home Decor Cleaning and Repair Service Company Website Template [Front-end template] Fresh color personal resume guide page template [Front-end template] Designer Creative Job Resume Web Template [Front-end template] Modern engineering construction company website template [Front-end template] Responsive HTML5 template for educational service institutions [Front-end template] Online e-book store mall website template [Front-end template] IT technology solves Internet company website template [Front-end template] Purple style foreign exchange trading service website template About us Disclaimer Sitemap php.cn：Public welfare online PHP training，Help PHP learners grow quickly！