汇总三种行内元素转为块级元素的方法

 1 nbsp;html&gt; 2  3  4     <meta> 5     <meta> 6     <title>行内元素转为块级元素</title> 7     <style> 8         *{ 9             margin: 0;10             padding: 0;11             font-size: 20px;12             color: red;13         }14         div{15             margin-top: 20px;16         }17         a{18             display:block;19         }20         span{21             float: left;            22         }23         i{24             position:absolute;25         }26     </style>27 28 29     <div>30         方法一：使用display31     </div>32     <a>a标签转为块级元素</a>33     <div>34         方法一：使用float35     </div>36     <span>span标签转为块级元素</span>37     <div>38         方法一：使用position（absolute和fixed）39     </div>40     <i>i标签转为块级元素</i>41 42