问答题：默认情况下，哪些HTML标签是块级元素、哪些是内联元素？

最新推荐文章于 2023-04-01 15:06:28 发布

zpfnext

最新推荐文章于 2023-04-01 15:06:28 发布

阅读量995

点赞数

分类专栏：温故而知新

本文链接：https://blog.csdn.net/zpfnext/article/details/108873895

版权

温故而知新专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文深入探讨了CSS中的display属性，包括block、table和inline系列的用法，阐述了它们如何影响div、h1、table、ul、ol、p等元素的布局，并对比了inline和inline-block的差异，帮助开发者更好地理解和掌握网页布局技巧。

摘要由CSDN通过智能技术生成

display:block/table;div、h1、table、ul、ol、p等
display:inline/inline-block;有span、img 、input、button等

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zpfnext

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【白嫖党】如何把前端学好？看完这篇，直呼：太强了！（历经半个月之作）

超逸の学习技术博客

04-04

2万+

很少有文章做到将知识形成一个体系，于是需要翻阅很多资料，但这篇文章做到了！共34815字数。

html+css+js基础问答

qq_43751465的博客

08-26

5264

css3 1.标签语义化顾名思义，合理的标签干合适的事情块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、行内块（display：inline-block）：img、input 区别： 1.

参与评论您还未登录，请先登录后发表或查看评论

HTML块元素标签的使用

心有猛虎，细嗅蔷薇

07-18

1981

一.<div>标签主要配合样式去使用，比如css样式文字: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>学习css以及div</title> <link typ...

关于:nth-child和:nth-of-type的区别

qp66797的博客

11-09

137

关于:nth-child和:nth-of-type的区别 :nth-child可以选择父元素下的子元素，:nth-of-type也可以。但是它们到底有什么区别呢？其实区别很简单：:nth-of-type为什么要叫:nth-of-type？因为它是以"type"来区分的。也就是说：ele:nth-of-type(n)是指父元素下第n个ele元素，而ele:nth-child(n)是指父元素下第n个元素且这个元素为ele，若不是，则选择失败。 <div> <ul class="demo

HTML中常见的块级元素和内联元素？

单身汉子敲键盘的博客

10-04

1064

1.块级元素,默认是独自占据一行的，可以设置宽高，比如是<p>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ul>、<ol>、<dl>、<pre>、<hr /&gt

html标签内联元素有哪些,form是内联元素吗分别是哪些，双标签，分别是哪些，...

weixin_36364419的博客

06-09

914

form 是块状元素还是内联元素？块级元素... 默认 display:block;html表单元素是块级元素还是行级元素。一、都不是，块级元素和行级元素指的是body中应用的各种元素，并不包括html标签。二、html标签的block、inline分类明细： (1) address - 地址，blockquote - 块引用，center - 举中对齐块，dir - 目录列表，div - 常用...

html块级元素有哪些

wei7a7a7a的博客

04-01

1850

html块级元素有address、caption、dd、div、dl、dt、fieldset、form、h1、h2、h3、h4、h5、h6、hr、legend、fieldset、li、noframes、noscript、ol、ul、p、pre、table、tbody、td、tfoot、th、thead、tr等，其中，address用来定义地址。

（四）不只是 huohuo 的 CSS 面试题

huohuoit的博客

07-13

340

终于到了 CSS 篇了，好像可以放松一些了，可能相比于前面两篇，你会觉得 CSS 要简单很多吧。不会吧不会吧，不会真有人觉得 CSS 简单吧？不知道你是否认同， CSS 是所有编程语言里最好玩的一门语言。但是我想你必须认同张鑫旭老师的神作《CSS世界》，从中你势必跟我一样会发现 CSS 是有多么的奇妙啊！由于个人职业规划上时间原因，我并未好好的读完这本神作，但是在这篇文章里，我一定会在读完后写下自己所有的理解，请保持期待哦！所以，关于这一篇，目前的结构是以核心面试题问答的形式展开 ~ .

(完整word版)javascript试题及答案.doc

11-17

3. 问答题： - `sort()`方法用于对数组进行排序。默认按字母顺序，可以传递自定义比较函数以实现复杂排序。比如，对于数字数组，可以提供一个函数比较两个元素的大小，实现升序或降序排列。 - `DIV`和`SPAN`都是...

javascript试题及答案推荐文档.doc

最新发布

05-16

#### 三、问答题解析 **1. 谈谈 JavaScript 数组排序方法 sort()的使用，重点介绍 sort()参数的使用及其内部机制：** - **基本用法：** - `array.sort()`：默认按照字符串的 Unicode 码点顺序对数组元素进行排序...

html标签分两种：块状元素和内联元素

aichaxiao3276的博客

10-12

203

块状元素一般是其它元素的容器，可以容纳内联元素和其它块状元素，独占一行，宽度和高度起作用。如div，p等标签属于块状元素。 内联元素只能容纳文本和其它内联元素，可与其它内联元素位于同一行，宽度和高度不起作用。如a标签属于内联元素。若在内联元素的属性上加上display:block，则相当于将其转换为了块状元素，此时该内联元素将独占一行，且宽度和高度起作用。 ...

复习html基础

hanjialiang97的博客

10-16

466

为了完成毕业设计而专门开始学习html css JavaScript c# 数据库。其中html和css有了一定的基础。从现在开始重新学习。以此来记录些代码（其中很基础的内容就不写入了） <html篇> HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 html的属性总是以名称/

html a标签 block,html的a标签借助display=block实现导航菜单功能

weixin_36176546的博客

06-20

1113

使用a标签实现导航菜单，a标签是css里的内联对象，不能像div这种块对象一样，可以设置标签的width和height。使用css的display属性，设置成block后，内联对象就变成了块对象，就能行div一样灵活设置了。如布布分享导航是：[首页] [影视专题] [最新电影] [大陆电影]等，实用a标签，代码如下：首页影视专题最新电影class="toptitle">大陆电影topti...

html之标签内联块元素的那些事

微也的博客

09-14

5770

这几天经常看到inline和block元素，inline，block……那么我们索性就来了解一下html中哪些是内联元素，哪些又是块元素呢？我们来看一下常见的语义化标签 块级元素（block）：自动占据一行的，通过设置高度，宽度可以直接改变大小 div，h1 ~ h6，p，ul，ol，dl，li，form，table，menu，address，pre，blockquote，hr，noscrip

css之inline-block

音韵者天

01-18

605

这是display的一个属性，规定元素生成的框类型为“行内块元素”，早在CSS2已经被广泛支持。所谓行内块元素，就是既有行内元素的性质（排在一行）又有块级元素的性质（能设置宽高）。当然行内元素有占位属性的也能设置宽高，比如IMG，这里只是针对绝大多数。既然属性的兼容性很好，那么对于前端来说是很激动的一件事。所以我一般在需要横排的结构数量较少时会选择该属性。 inline-block默认间距。

html中内联元素排列对齐原理,html标签中的内联元素（行内元素）详解

weixin_39832965的博客

05-31

1170

html内联元素，也叫行内元素，相邻的多个内联元素是水平横向排列显示在同一行，其宽度随内容的变化而变化，在同一行显示多个内容，就可以使用内联元素来实现，这样就不需要将块级元素设置为浮动或绝对定位也能在一行水平横向排列内容了。内联元素的概念内联元素，是一类前后没有换行符，且相邻前后的元素都在同一行中显示，他们是从左至右有序的排列在一行，所以，每个内联元素不会单独占据一行，内联元素，还有行内元素，内嵌...

元素类型（块级元素、行内元素）

Mr_Jin的博客

11-10

1088

块级元素：常见的块级元素有：<div>、<table>、<form>、<p>、<ul>、<h1>......<h6>、<hr> 、<pre>、<address>、<center>、<marquee> 、<blockquote>等 1.块级元素会单独占有一行，默认垂直向下排列。 2.块级元素的宽度，高度，页边距，边缘空白，大小都是可以调控的。...

块级元素、行内元素、行内块元素

AnnGreen的博客

07-24

215

4、设置宽度width无效，设置高度无效，可以通过设置line-height来设置，设置margin只有左右有效，上下无效，设置padding只有左右有效，上下无效（在开发者工具中会看到盒子模型的margin、padding，但是你在行内元素下方或上方加一个块级元素就会发现上下padding-top/bottom和margin-top/bottom都没有效果；5、给行内元素设置了定位时，行内元素的margin、padding是有效果会影响定位的（当然此时的top、left都会影响）form–交互表单。...

CSS中的块级元素、内联元素（行内元素）

weixin_38404507的博客

08-13

214

Block element 块级元素 顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的、、默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外还有个特殊的，float也具有此功能。 Inline element 内联元素 ...

理解CSS文档流：块级元素与内联元素解析

"本文主要探讨了CSS文档流的概念，以及块级元素(block)和内联元素(inline)的性质和差异。文档流是CSS布局的基础，它规定了元素在页面上的排列方式。块级元素占据整行，内联元素则在同一直线排列，不独占一行。浮动...