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

亲爱的编程学习爱好者，如果你点开了这篇文章，说明你对《如何让生成的日历表格横向排列，避免遮挡按钮？ 》很感兴趣。本篇文章就来给大家详细解析一下，主要介绍一下，希望所有认真读完的童鞋们，都有实质性的提高。

如何让表格横向排列

问题：

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

答案：

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

...
<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>
...

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

本篇关于《如何让生成的日历表格横向排列，避免遮挡按钮？ 》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！