学习网格显示,无法弄清楚如何使网格大小的一个页面。例如:
.wrapper {
display: grid;
border-style: solid;
grid-template-columns: auto auto auto;
grid-template-rows: auto auto auto;
grid-template-areas:
'a a a'
'a a a'
'b b b';
}
.first {
background-color: grey;
grid-area: a;
}
.secon
我有一个函数,它创建一个div网格,在文档加载时生成该网格并发送到容器div。当一个悬停在div上时,它们会突出显示(改变颜色)。我还有一个重新设置网格的函数,允许用户指定网格的大小。它应该删除当前容器div中的div,并根据用户的输入将其替换为div。据我所知,这是按计划进行的。唯一不起作用的是,一旦网格被重置,就会产生悬停效应。任何帮助,或至少是一些方向将是非常感谢的。下面是我的小提琴手例子:
var d = ("<div class='square'></div>");
function createGrid(numSquares
<div id="@("Bottomgrid)" class="dgd2"></div>
var element = document.getElementById("#Bottomgrid");
element.empty();
$('.dgd2').empty()
而不是只删除底部网格,它也删除屏幕中的其他分区。
有人用吗?
我想不出如何使它100%地装满它的容器。
html如下所示:
<div id="a" style="width:100%"> <!-- top left container-->
<div>This is a table header</div>
<div id="grid" style="width: 100% !important; height: 100%;"></div>
javascript如下所示:
function addWatc