• 技术文章 >web前端 >html教程

    HTML怎么把dt转成块级元素

    醉折花枝作酒筹醉折花枝作酒筹2021-06-03 17:08:07原创72

    把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)

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

    <!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转成块级元素的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:HTML 块级元素
    上一篇:html怎么设置只读状态 下一篇:html怎么隐藏播放器
    第16期线上培训班

    相关文章推荐

    • shtml和html的区别• html怎么禁止另存• html怎么设置图片按钮• html背景图片怎么设置平铺方式• html怎么设置只读状态

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网