在JavaScript开发数独游戏(二)中已经介绍了界面的基本实现及几个基本算法,下面介绍生成数独解决方案。
在介绍九宫格填入数字的过程中先讲一下界面美化,改成正方格:
Less更改:
.container {
padding-left: 5%;
.row {
>span {
display: inline-block;
cursor: pointer;
text-align: center;
width: 10%;
height: 24px;
line-height: 24px;
border: 1px solid #ccc;
border-right-width: 0;
border-bottom-width: 0;
background: #fff;
&.col_g_right {
border-right-width: 1px;
}
&:first-child {
border-left-width: 2px;
}
&:last-child {
border-right-width: 2px;
}
}
&.row_g_bottom {
>span {
bor