0
点赞
收藏
分享

微信扫一扫

html--display(转化元素,block,inline,inline-block,none)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
/* #div1,#div2{
width: 100px;
height: 100px;
background-color: #FF0000;
display: inline; 将块元素转化为内联元素
display: inline-block; 将块元素转换为内联块元素 } */
/* span{
width: 100px;
height: 100px;
background-color: #FF0000;
/* display: block; 转化块元素 */
display: inline-block;转换内联块元素
} */
</style>
</head>
<body>
<div id="div1">块1</div>
<div id="div2">块2</div>
<span>内联1</span>
<span>内联2</span>
</body>
</html>

  

display(要将标签转换成的元素)
值:block,inline,inline-block,none(将元素删除)
visibility:hidden(将元素隐藏)

举报

相关推荐

0 条评论