行内元素和块元素

最新推荐文章于 2023-02-14 13:33:40 发布

qq_27844941

最新推荐文章于 2023-02-14 13:33:40 发布

阅读量468

点赞数

分类专栏： css 文章标签：每天进步一点点

本文链接：https://blog.csdn.net/qq_27844941/article/details/52347551

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="1.css">
<style type="text/css">
span{
width: 400px;
height: 100px;
background-color: pink;
display: block;
}
div{
width: 400px;
height: 200px;
background-color: red;
display: inline;
}
a{
display: block;
}
</style>
</head>
<body>
<!--行内元素设置宽度和高度无效，必须先转换为块元素 dispaly:blcok
块级元素转化为行内元素需要dispaly:inline
行内元素的padding和margin只有水平方向的-->
<span>123</span>
<div>woshidiv</div>
<a href="#">我是超链接行内元素</a>
</body>
</html>