把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)
少说多做,运行以下代码看效果:
行内元素转为块级元素* {
margin: 0;
padding: 0;
font-size: 20px;
color: red;
}
div {
margin-top: 20px;
}
a {
display: block;
}
span {
float: left;
}
i {
position: absolute;
}
方法一:使用display
dt标签转为块级元素
方法二:使用float
dt标签转为块级元素
方法三:使用position(absolute和fixed)
dt标签转为块级元素
通过审查元素查看是否转为块级元素: