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

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

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

。
难怪标题这么小。

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

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

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

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

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

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

上一篇： html中导航栏里的文字怎么居中
下一篇： jquery如何赋值
相关文章
html转译符
2026-05-08 17:06:51 浏览：4
linux 删除文件夹下所有文件
2026-05-19 23:20:30 浏览：4
html符号生成
2026-04-14 00:05:27 浏览：4
CSS行间距设置技巧：提升网页布局美观度
2025-05-31 00:49:12 浏览：4
html网页设计素材
2026-03-26 14:41:23 浏览：6
amd线程撕裂者是干嘛用的
2026-05-17 02:08:10 浏览：3
如何轻松开启浏览器JavaScript支持：全面指南
2024-12-11 05:19:45 浏览：5
Discuz模板制作：解决[xss_clean]路径错误导致jQuery加载失败问题
2024-12-10 19:37:23 浏览：4
html文件结构包含有哪些标签
2026-01-07 11:02:11 浏览：9
Vue数组去重与元素删除技巧详解
2024-12-31 02:35:20 浏览：4
热门文章
网站后台登录教程：轻松掌握进入方法及安全设置
2024-12-10 21:15:28 浏览：441
小皮面板（Phpstudy）使用教程：环境部署与站点创建详解
2024-12-11 01:52:16 浏览：339
英特尔E5-2673v3十二核24线程处理器性能解析及选购指南
2024-12-24 16:37:20 浏览：336
详解：TPLINK路由器白名单设置及网站白名单添加教程
2025-03-25 02:54:19 浏览：270
Windows 11压缩文件无效解决方法：7-Zip数据错误与内置解压工具使用指南
2024-12-18 11:25:49 浏览：244
解析12核24线程与E5-2673：性能对比与选购指南
2025-01-01 08:37:53 浏览：214
UG10/UG12环境变量设置与经典工具栏启用指南
2025-04-23 14:32:17 浏览：193
华为统信系统更换为Win7教程及Windows+UOS双系统安装方法详解
2024-12-20 10:39:45 浏览：181
Windows提取文件失败及创建目标文件错误解决指南
2025-03-10 22:18:33 浏览：178
麒麟系统电脑换装Win10教程及虚拟机安装方法详解
2024-12-11 15:30:42 浏览：171