【间距，自适应 _九宫格】

间距，自适应

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

九宫格

详细描述

截图

代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>修真院(jnshu.com)</title>
<style>
div.ex
{
width: 80px;
height: 80px;
background-color: orange;
margin:5px;
float:left
}
div.fx
{
width: 80px;
height: 80px;
background-color: orange;
margin:5px;
float:left
}
.text_line
{
    clear:both;
    margin-bottom:0px;
}

</style>
</head>
<body>

<div class="ex"></div>
<div class="ex"></div>
<div class="ex"></div>
<h3 class="text_line"></h3>
<div class="fx" ></div>
<div class="fx" ></div>
<div class="fx" ></div>
<h3 class="text_line"></h3>
<div class="fx" ></div>
<div class="fx" ></div>
<div class="fx" ></div>
</body>
</html>

编辑于2024-11-24

时间排序

热门排序

[北京|结业弟子]JS-朱春雨
1

想要自适应方块的宽度，高度设百分比可以实现自适应，九宫格用不到清除浮动，不用分ex/fx，因为九个方块的大小相同，用
包裹住9个就可以，
.square {
设置盒子
}

square>div {
这里设置九个小方块的宽高背景颜色圆角浮动
}

<h1> - <h6> 标签被用来定义 HTML 标题。
<h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。 h3这里应该用不到加油

查看全部>

编辑于2019-11-08

去第页