Question

我有3个链接按钮，其中2个是隐藏的。当点击另一个按钮时，我想隐藏一个可见的并取消隐藏的那个按钮。

但是，当可见的一个看不见时，新看到的就会停留在它们的位置上。如何对齐（缩进？）右侧以占用已消失的空间？

我的链接类似于以下内容：

.title_tools#area1{:style => "visibility: visible;"}
    = link_to_inline(:create_ins, new_ins_path, :text => t("Create new instance"))#link1

.title_tools#area2{:style => "visibility: hidden;"}
    = link_to "Sync", "cat/sync", :remote=>true#link2
    = link_to "Open", "cat/open", :remote=>true#link3

我隐藏/取消隐藏“page＆lt;＆lt;”document.getElementById（'area2'）。style.visibility ='visible';“在我的.js文件中。

首先，它是：

_______  _______  {link1}

点击按钮后，它是：

{link2}  {link3}  _______

但它应该是：

_______  {link2}  {link3}

我怎样才能实现这一目标？感谢

Answer 1

试

.title_tools#area2{:style => "visibility: hidden;position:fixed;left:30px;"}

将左侧值更改为“您需要多少”。

Answer 2

如果您使用visibility属性，则会显示您的项目但不可见。 display属性不是none的所有项目都在流程中并占用所需的空间。

两种解决方案：

在隐藏link1时尝试添加display: none。
或者，向他们展示所有（visibility: visible），找到正确放置它们的CSS技巧（link1需要覆盖link3）并重新放置可见性。

隐藏元素后如何对齐（缩进）

2 个答案: