<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>元素转换</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
/*inline:行内元素
inline-block*/
.yy{
display: inline-block;
width: 200px;
height: 200px;
margin: 50px 50px;
background: deepskyblue;
}
.tt{
display: block;
width: 200px;
height: 200px;
background: blue;
color: red;
}
</style>
</head>
<body>
<!--<div class="yy">块元素变行内元素</div>
<div class="yy">块元素变行内元素</div>-->
<a href="#" class="tt">行内元素变快元素</a>
</body>
</html>
元素显示模式转换
最新推荐文章于 2023-01-06 20:24:32 发布