Html 根据div对齐我的内容

我有四列带有diff divs，第四列是hover。在显示输入栏之前，必须将鼠标悬停在第四列上。我的问题是，因为第四列是隐藏的，所以第一列上的数据会转到第四列。帮我做这个。这是我的密码：

及

分支名称
分支ID
平衡
数量
邮件和更多Hermosa
234
234.289

图片：

---

看起来您正在使用jQuery.hide（）方法。hide（）和show（）方法修改css显示属性

.隐藏或

显示：无，隐藏隐藏时不占用任何空间的元素。您需要的是
可见性：隐藏，它隐藏一个元素，但该元素仍将占用与隐藏之前相同的空间

如果要使用jQuery执行此操作，请尝试以下操作：

$(selector).css('visibility', 'hidden');
$(selector).css('visibility', 'visible');

“你必须将鼠标移到第四列上，它才会出现”你如何隐藏该列？使用CSS？我隐藏它，因为我使用jquery：我把它放在这里，但它不起作用：if（flg）$（basicmodal）.children（'form'）.children（'basic'）.CSS（'visibility'，'hidden'）；else$（basicmodal）.children（'form'）.children（'basic'）.css（'visibility'，'visible'）；}Javascript通常是额外的加载时间，因此如果您可以使用css这样做，那么就不要显示任何内容，然后在hover display block上这是主要问题：我有四列diff divs，第四列是hover。在显示输入栏之前，必须将鼠标悬停在第四列上。我的问题是，由于第四列是“隐藏的”（因为它只会在悬停时显示），第一列上的数据会转到第四列。我应该把这个放在哪一部分$css（‘可见性’、‘隐藏’）$css（‘可见性’、‘可见’）；
 <div class="branch_class" style="margin-left:10px;">Branch Name</div>
     <div class="branchid_class" style="margin-left:0px;">Branch ID</div>
     <div class="balance_class" style="margin-left:20px;">Balance </div>
     <div class="amount_class" style="margin-left:13px;">Amount</div>
     <form id="topupform-b1" action="" onSubmit="return false">
     <div id="divamount" >
         <div id="branchname" class="branch_class" style="margin-left:7px;">Mail and More-Hermosa</div>
         <div id="branchid" class="branchid_class" style="margin-left:2px;">234</div>
         <div id="balance" class="balance_class" style="margin-left:19px;">234.289</div>
         <input type="string" name="amount" id="amount" style="margin-top:7px; margin-left:15px; background:#FFF;" />
     </div>

$(selector).css('visibility', 'hidden');
$(selector).css('visibility', 'visible');