块级标签霸道,行内标签软弱,CSS样式中有一个方法可以中和2种,可以霸道也可以软弱
CSS样式:标签-> display:inline-block
inline是行内,block是块级
如下代码演示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.c2{
display: inline-block;
height: 100px;
width: 300px;
}
</style>
</head>
<body>
<span class="c2">中国联通</span>
<div style="display:inline">中国联通</div> #由块级标签改为行内标签
<span style="display:block">中国联通</span> #由行内标签改为块级标签
</body>
</html>