我一直在尝试实现Chris Coyier的内联块+文本对齐解决方案,以自动在给定包装器的宽度中水平分配div.http://css-tricks.com/equidistant-objects-with-css/
当元素被立即加载到DOM中时,这很有效,但由于某种原因,在通过JS以编程方式添加元素时失败.就像浏览器只是忽略了css属性一样.
看看这个小提琴的一个非常基本的例子:http://jsfiddle.net/xmajox/NUJnZ/ 前两行是在HTML加载上添加的.单击按钮可通过JS在运行时添加更多内容.
最初我认为它可能与使用伪元素有某种关系:之后我尝试使用DOM节点的不同版本:http://jsfiddle.net/xmajox/wnPSA/ 不幸的是它的反应完全相同.
任何人都知道为什么会这样？或者更好的是,如何修复/预防？
在昨天的问题之后(带有内联块和文本对齐的DOM Equidistant div将在通过JS插入时不起作用)@Snuffleupagus非常友好地帮助我理解,我偶然发现了另一个奇怪的浏览器行为.
这里更新了小提琴:http://jsfiddle.net/xmajox/NUJnZ/
当向div添加任何类型的内容(块或内联)时,它们会向下移动.当所有div都有内容时,他们会神奇地移回正确的位置.
我尝试用一些虚拟内容div启动它们,然后只更改那些孩子的文本,但它的反应方式相同.
有任何想法吗？