<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
block 块元素
inline 行内元素
inline-block 是块元素,但是可以内联在一行
none
-->
<style>
div{
width: 100px;
height: 100px;
border: 1px solid black;
display: inline-block;
}
span{
width: 100px;
height: 100px;
border: 1px solid black;
display: inline-block;
}
</style>
</head>
<body>
<div>div块元素</div>
<span>span行内元素</span>
</body>
</html>
CSS display
最新推荐文章于 2024-10-08 09:33:56 发布