Question

将文本插入div时，我发现div位置保持不变并且div与另一个div重叠的问题。更多细节

以下风格 -

.cell {
    width:80px;
    height:80px;
    display:inline-block;
    border:1px solid black;
    background-color: white;
    text-align:center;
}

然后执行以下操作

$('#cell_1').text('x');
$('#cell_1').text('0');

this happened

从this question我知道

溢出：隐藏;

将解决我的问题。但我真的想知道单个文本字符是如何导致溢出的？现场背后究竟发生了什么？

Answer 1

了解DOM reflow / repaint。在这种情况下将overflow: hidden;设置为元素将强制浏览器重新计算其几何体。这是一个很大的主题，有必要知道。它还会解释为什么overflow: hidden;或overflow: auto;会触发内部带有float元素的容器高度。

长读这里： https://sites.google.com/site/getsnippet/javascript/dom/repaints-and-reflows-manipulating-the-dom-responsibly

更改innerText导致DIV溢出

1 个答案: