当次要Div '的可见性被设置为'none'时，如何改变Div对齐方式

Javascript - How to change Div alignment when secondary div's visiablity is set to 'none'

本文关键字：Div 何改变 对齐 方式 改变 可见性 none 设置      更新时间：2023-09-26

我有两个div，并排。默认情况下，只显示左边的一个，并且它水平地位于页面内容的中心。但是当用户点击第一个div上的按钮时，它会向左滑动，显示另一个div。我已经设置好了可见度。但问题是，我需要我的js来检测div的display:none属性，并相应地调整第一个div (float:left或float:right)如果可能的话，小提琴也不错。

如果我完全解决了你的问题，这应该对你有用:-

HTML 

<div id="left">
    <button onclick="showDiv()">Show</button>    
</div>
<div id="right">
</div>

JS 

   function showDiv(){
    var leftDiv = document.getElementById('left');
    var rightDiv = document.getElementById('right');
    leftDiv.style.float  = 'left';
    rightDiv.style.float = 'right';
    rightDiv.style.display = 'block';
}
CSS 

div{
width:200px;
height:200px;
background:gray;
margin:10px;
}
#left{
    float:right;
}
#right{
    display:none;
}

小提琴

相关文章：