前端知识哦,我们知道标签分为区块元素和行内元素哦,
大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时,通常会以新行来开始(和结束)。
实例:
,
,
-
,
HTML 内联元素
内联元素在显示时通常不会以新行开始。
实例: , , , `
看下面的网页哦!
b标签原来是行内元素哦,但是可以改变样式哦,将显示的改为block
对应的哦,如果改为p标签
<!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>
` 就可以将效果为行内显示了哦!
还有一个属性哦
dispaly:inline-block–内联块元素、同行显示并可修改宽高内外边距等属性