行內元素轉為塊級元素的方法
阿新 • • 發佈：2017-07-10
分享 body http .cn gin padding doctype 三種 width
以下匯總三種行內元素轉為塊級元素的方法：
（1）display
（2）float
（3）position（absolute和fixed）
代碼
1 <!DOCTYPE html>
2 <html lang="zh">
3 <head>
4 <meta charset="UTF-8" />
5 <meta http-equiv="X-UA-Compatible" content="ie=edge" />
6 <title>行內元素轉為塊級元素</title>
7 <style type="text/css">
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 </head>
28 <body>
29 <div>
30 方法一：使用display
31 </div>
32 <a href="#">a標簽轉為塊級元素</a>
33 <div>
34 方法一：使用float
35 </div>
36 <span>span標簽轉為塊級元素</span>
37 <div>
38 方法一：使用position（absolute和fixed）
39 </div>
40 <i>i標簽轉為塊級元素</i>
41 </body>
42 </html>通過審查元素查看是否轉為塊級元素：
行內元素轉為塊級元素的方法