HTML怎么把dt转成块级元素


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

把dt转成块级元素的方法:1、使用display属性,语法“display:block”;2、使用float属性,语法“float:left”;3、使用position属性,语法“position:absolute|fixed”。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

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

(1)display

(2)float

(3)position(absolute和fixed)

少说多做,运行以下代码看效果:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

<!DOCTYPE html>

<html lang="zh">

  <head>

    <meta charset="UTF-8" />

    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <title>行内元素转为块级元素</title>

    <style type="text/css">

      * {

        margin: 0;

        padding: 0;

        font-size: 20px;

        color: red;

      }

      div {

        margin-top: 20px;

      }

      a {

        display: block;

      }

      span {

        float: left;

      }

      i {

        position: absolute;

      }

    </style>

  </head>

  <body>

    <div>方法一:使用display</div>

    <dt>dt标签转为块级元素</dt>

    <div>方法二:使用float</div>

    <dt>dt标签转为块级元素</dt>

    <div>方法三:使用position(absolute和fixed)</div>

    <dt>dt标签转为块级元素</dt>

  </body>

</html>

通过审查元素查看是否转为块级元素:

I[G4{`W58$]%6D2}SDT3_2G.png

推荐学习:html视频教程

以上就是HTML怎么把dt转成块级元素的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css+Html实现模拟百度首页(附代码)

Html select标签怎么用

Html中关于盒模型的总结

Html area标签是什么意思?Html area标签的用法详解

Html元素中如何嵌入图像

css如何让高度自适应

Html option标签怎么添加两个value?option标签的用法解析

Html字体颜色的设置方法

Html中怎么去除列表项符号

Html怎么加链接

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...