区块元素和行内元素这个修改方式你见过吗？, , , HTML 内联元素内联元素在显示时通常不会以新行开始。

125 阅读 0 评论 83 点赞

我是靠谱客的博主酷炫黑裤，这篇文章主要介绍区块元素和行内元素这个修改方式你见过吗？, , , HTML 内联元素内联元素在显示时通常不会以新行开始。，现在分享给大家，希望可以做个参考。

前端知识哦，我们知道标签分为区块元素和行内元素哦，
大多数 HTML 元素被定义为块级元素或内联元素。

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

实例:

,
,

,
HTML 内联元素
内联元素在显示时通常不会以新行开始。

实例: , , , `
看下面的网页哦！

菜鸟教程(runoob.com) 一帆风顺，万事如意 走马观花，人生顺利

b标签原来是行内元素哦，但是可以改变样式哦，将显示的改为block
对应的哦，如果改为p标签

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
p,b {display:inline;}
</style>
</head>

<body>
<p>一帆风顺，万事如意</p>
<b>走马观花，人生顺利</b>

</body>
</html>