你的位置:首页 > 软件开发 > 网页设计 > 行内元素转为块级元素的方法

行内元素转为块级元素的方法

发布时间:2017-06-28 00:01:31
以下汇总三种行内元素转为块级元素的方法:(1)display(2)float(3)position(absolute和fixed) 少说多做,运行以下代码看效果: 1 <!DOCTYPE html> 2 <html lang="zh"&g ...

行内元素转为块级元素的方法

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

(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     方法一:使用display31   </div>32   <a href="#">a标签转为块级元素</a>33   <div>34     方法一:使用float35   </div>36   <span>span标签转为块级元素</span>37   <div>38     方法一:使用position(absolute和fixed)39   </div>40   <i>i标签转为块级元素</i>41 </body>42 </html>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:行内元素转为块级元素的方法

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录