如何让生成的日历表格横向排列，避免遮挡按钮？

如何让表格横向排列

问题：

在生成第二个日历表格时，如何让它往右移动，而不是向上移动，从而避免遮挡“ class="glyphicon glyphicon-triangle-bottom">”和“确定”按钮？

答案：

要让表格横向排列，需要修改以下代码：

...
<div class="box">
  ...
  <table class="table_cla" style="display: none; float:right">
    ...
  </table>
</div>
...

• 将 table_cla 表格样式中添加 float: right 属性，让表格水平浮动向右。
• 将包裹表格的 box 元素中的 margin-right 属性更改为正值，与 float: right 的方向相反。

修改后的代码：

...
<div class="box" style="margin-right: 840px;">
  ...
  <table class="table_cla" style="display: none; float:right">
    ...
  </table>
</div>
...

这样，点击“ class="glyphicon glyphicon-triangle-bottom">”按钮将生成水平排列在右侧的第二个日历表格，而不会遮挡其他元素。

以上就是如何让生成的日历表格横向排列，避免遮挡按钮？的详细内容，更多请关注其它相关文章！