前端CSS样式改变块级行内格式标签

weixin_41987434

已于 2022-06-18 22:58:57 修改

阅读量360

点赞数

分类专栏：网站开发软件测试前端文章标签： css html 前端

于 2022-06-18 22:57:26 首次发布

本文链接：https://blog.csdn.net/weixin_41987434/article/details/125352829

版权

前端同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

软件测试

3 篇文章 0 订阅

订阅专栏

网站开发

2 篇文章 0 订阅

订阅专栏

块级标签霸道，行内标签软弱，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>