Javascript 移除其他DIV时DIV居中

我有两个div紧挨着-左一个和右一个

---

有可能，右边的会消失，然后我希望左边的会居中

HTML

---

星号（

*

）用于修复

ie7

，因此有点麻烦。

您可以将

的
显示属性设置为
。left
和
。right
设置为
内联块
，并为所指出的父元素设置
文本对齐：居中
。然而，这并不是说它不能与您所使用的确切的
html
和css一起工作

您需要删除
html
标记中内联元素之间的
换行符，如下所示：

<div class="container">
    <div class="left"></div><div class="right"></div>
</div>



或者评论一下

<div class="container">
 <div class="left"></div><!--
 --><div class="right">
</div>





或者将
宽度
减小到
100%
以下，以便在
内联块
元素后容纳空格

（单击“删除”按钮）

因此，我们将“desapear”作为右边的一个，然后用左边的一个做你想做的事情！：）
 “有可能，正确的一个将被删除”-在什么情况下？正确的一个将被JS删除？定义gone并解释如何删除。当您删除正确的div时，它将被JS删除，而不是被CSW隐藏，更改左div，使其成为
margin:auto
而不是
float:left
如果使用此选项，则需要注释两个div之间的空白，否则右div将向下推一行，您可能需要将
文本对齐：left
添加到内部div，否则其内容将居中，如图所示wellawesome catch@pete我添加了
文本align:left谢谢，它成功了，我只需要将垂直对齐添加到左侧元素。非常感谢你！太棒了，你能接受答案吗@user3802040我不知道你是怎么想让它“消失”的，所以我把它藏起来了。我不知道你是否想让文本或div居中。但是有了它，您可以在jQuery中做您想要做的事情，然后修改css。
.contender{
 text-align:center;
}
.left {
  width: 75%;
  height: 240px;
  text-align:left;
  display:inline-block;
  zoom:1;
   *display:inline;
 }
.right {
  width: 25%;
  height: 250px;
  text-align:left;
  display:inline-block;
  zoom:1;
  *display:inline;
 }

<div class="container">
    <div class="left"></div><div class="right"></div>
</div>

<div class="container">
 <div class="left"></div><!--
 --><div class="right">
</div>

<div class="contener">
  <div class="left"></div>
  <div class="right"></div>
</div>

$(".right").click(function() {

        $(this).hide();

    $(".left").css({ 'text-align': 'center'});
});