Rumah > Artikel > hujung hadapan web > HTML怎么把dt转成块级元素

HTML怎么把dt转成块级元素

醉折花枝作酒筹asal: 2021-06-03 17:08:072442semak imbas

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

HTML怎么把dt转成块级元素

本教程操作环境：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视频教程

Atas ialah kandungan terperinci HTML怎么把dt转成块级元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html5 css3 html Float display position

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：html怎么设置只读状态Artikel seterusnya：html怎么隐藏播放器

Artikel berkaitan

Lihat lagi