块级元素会独占一行，默认情况下，其宽度自动填满其父元素宽度，行内元素不会独占一行，
相邻的行内元素会排列在同一行里，
直到一行排不下，才会换行，其宽度随元素的内容而变化
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>简单实例</title>
</head>
<style type="text/css">
p{background: red;}
div{background: yellow;}
span{background: blue;}
strong{background: green;}
</style>
<body>
<p>块级元素 p</p><div>块级元素 div</div><span>行内元素 span</span><strong>
行内元素 strong</strong>
</body>
</html>
原文地址：https://www.cnblogs.com/fdxjava/p/11107255.html
时间： 2024-10-01 05:18:05