
1. 让表格横向排列:
在原有代码中,表格默认是垂直排列的,要实现横向排列,需要修改表格的 float 属性:
table {
float: right;
}修改后,表格将水平排列在页面中。
2. 点击‘∨’后新生成的表格,往右边移动:
立即学习“Java免费学习笔记(深入)”;
为了让点击'∨'后生成的新表格向右移动,需要对新生成的表格添加 margin-right 属性,在javascript代码中:
html += 'zuojiankuohaophpcndiv class="box"youjiankuohaophpcn';
修改为:
html += 'zuojiankuohaophpcndiv class="box" style="margin-right: 840px;"youjiankuohaophpcn';
其中,840px 可以根据需要调整,以满足您的具体布局要求。
3. 不管是否点击了’向下还原‘,下标‘∨’都在一个位置:
在原有代码中,点击'向下还原'后,下标'∨'的位置会改变。为了保持'∨'的位置不变,需要将'∨'按钮固定在页面中:
.add_sty {
position: fixed;
top: 470px;
right: 10px;
}修改后,'∨'按钮将固定在页面右上角,不会随着表格的移动而改变位置。
4. 附加信息:
完成上述修改后,完整的代码如下:
Daily report generator
