Question

我有一个div.one，它有固定的大小和背景颜色。在其中是另一个div开始隐藏但在某些情况下用javascript显示。

如何显示div.two，你可以看到它的背景颜色，文字没有包裹？基本上我希望它表现得像没有固定大小的包含div。这可能吗？谢谢

<div class="one">
  <div class="two">
    Some Text
  </div>
</div>

.one {
  width: 20px;
  height: 20px;
  background-color: white;
}
.two {
  background-color: grey;
  display: none;
}

Answer 1

将div的维度也固定为20px和20px，并将white-spacing设置为nowrap。

.two {
  width: 20px;
  height: 20px;
  white-space: nowrap;
  ...
}

查看this demo，看看我是否解决了您的问题。

Answer 2

Demo

.two {
    display: inline-block;
    background-color: grey;
    white-space:nowrap;

}

在具有固定宽度的另一个div内部的div的文本布局问题

2 个答案: