html中块级元素和行内元素都有哪些

我记得有一次我帮一个朋友改一个网页，他坚持要把一个包含图像的放入
中。
结果，所有图像都被压缩成一行，就像排队买票一样。
他急得满头大汗，说道：“显然是我加了保证金。
”我看了一下他的代码，发现他将 强制转换为块级元素。
怪不得。

等等，还有一件事。
我已经在星巴克了，我旁边的人正在使用 bootstrap 来创建响应式布局。
他告诉我，“这个网格系统太方便了。
”当时我就想，他是不是把所有的东西都放到了
里了。
后来我看到他的手机页面，发现他也用
包裹了

。
难怪标题这么小。

突然觉得在那些大厂的前端写代码就像玩乐高一样，有时
有时
，连我这样的老手都看得眼花缭乱。
但话虽这么说，他们可以获得每个小模块的正确语义，这确实比我们直接使用
时要好得多。

例如，<button>现在被强调为语义，不能随意替换为。
上次我更改大学捐赠页面上的按钮时，院长坚持让我使用<按钮>，并说“这样使用更好”。
然而后来我发现后台的表单处理和预想的不一样。
这真是……
所以有时我会想，虽然这些标签有很多，但要不要真正用好，还是要看情况。
想一想，当外卖员点餐时，他看到的“下单”是<button>还是都会影响他下单的心情。

html常见的三种页面布局方法

等等，我记得昨天在地铁上刷手机，点击了一个网站。
导航栏和本网站的内容明显分开，几乎没有任何重叠。
但旁边有一个网站。
图像挤满了文字，文字又挤满了图像。
这是相当混乱的。
当时我还在想为什么网站这么复杂。
后来我想到，这个乱七八糟的网页可能使用了浮动布局，设计不当。

相对定位。
上次我修改弹出窗口时我使用了相对定位。
我将弹出窗口放置在当前页面上的按钮上，但它并没有破坏文档流程，并且背景仍然可以显示。
绝对定位就更加残酷了。
我记得在调试一个复杂的页面时，有一个元素使用了绝对定位，直接跳到了页面的左上角。
它是完全看不见的，必须单独回收。
固定定位是一种无论你如何滚动都会卡在屏幕某个角落的广告类型，这很烦人。

突然我想：这些布局方式像现实生活中的人吗？有些人单独工作，喜欢块级元素；有些是一起工作的，比如行级元素；有些人可以两种方式工作，比如内联块元素。
标签： 元素 布局方法

上一篇： html中导航栏里的文字怎么居中
下一篇： jquery如何赋值
相关文章
html多项选择框
2026-04-17 15:19:50 浏览：2
CSS鼠标悬停字体变色教程：轻松实现网页互动效果
2024-12-14 22:53:33 浏览：9
HTML5制作APP引导页：步骤详解与SEO优化技巧
2025-06-26 08:46:18 浏览：2
JavaScript组合模式：树形结构与对象层次统一处理
2024-12-10 23:39:04 浏览：2
漂亮的html单页
2026-05-08 09:10:57 浏览：3
html虚线边框
2026-05-05 18:05:17 浏览：3
全面解析前端开发技术栈：从基础到工具集
2025-06-13 01:09:09 浏览：7
sql server 一个字段包含另一个字段
2026-05-27 07:00:24 浏览：3
html标签选择器hr
2026-03-16 04:29:00 浏览：2
mysql源码多少行代码
2026-05-25 12:36:17 浏览：5
热门文章
网站后台登录教程：轻松掌握进入方法及安全设置
2024-12-10 21:15:28 浏览：432
小皮面板（Phpstudy）使用教程：环境部署与站点创建详解
2024-12-11 01:52:16 浏览：336
英特尔E5-2673v3十二核24线程处理器性能解析及选购指南
2024-12-24 16:37:20 浏览：326
详解：TPLINK路由器白名单设置及网站白名单添加教程
2025-03-25 02:54:19 浏览：268
Windows 11压缩文件无效解决方法：7-Zip数据错误与内置解压工具使用指南
2024-12-18 11:25:49 浏览：238
解析12核24线程与E5-2673：性能对比与选购指南
2025-01-01 08:37:53 浏览：205
UG10/UG12环境变量设置与经典工具栏启用指南
2025-04-23 14:32:17 浏览：183
华为统信系统更换为Win7教程及Windows+UOS双系统安装方法详解
2024-12-20 10:39:45 浏览：179
Windows提取文件失败及创建目标文件错误解决指南
2025-03-10 22:18:33 浏览：178
麒麟系统电脑换装Win10教程及虚拟机安装方法详解
2024-12-11 15:30:42 浏览：171