css中把内联元素变成块元素

使用display：block即可实现
例子如下
首先写出css代码

 <style type="text/css">
        span{
            background-color: #2cde57;
        }
        .span1{
            display: block;
            width: 1000px;
        }
    </style>

然后在body中写出span标签

<span>第一个span</span>
<span class="span1">第二个span</span>

比对一下两个span
我们会发现第二个span可以定义width，而且已经换行了，说明它已经变成了块元素