javascript – Text-align:justify不处理动态创建的内容

前端之家收集整理的这篇文章主要介绍了javascript – Text-align:justify不处理动态创建的内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在尝试使用text-align:justify和display:inline-block,如this post所述,为一些动态创建的元素设置样式.在我的头撞墙检查CSS冲突之后,我终于意识到在创建内容之后没有重新评估对齐.我想知道是否有人知道这方面的解决方法.有没有办法强制在动态创建的元素上重新评估样式?

编辑 –
HTML:

@H_301_8@

CSS:

@H_301_8@.flush{ text-align: justify; width: 500px; height: 250px; background: #00f; } .flush div{ display: inline-block; width: 101px; height: 100px; background: #f00; }

JS:

@H_301_8@for(var i = 0; i<5; i++){ $('#container').append("

这是一个jsfiddle example来说明.注意硬编码元素是如何对齐的,而动态创建的元素则不是.

最佳答案
只需在动态创建div后添加空格;)

@H_301_8@$('#container').append("

有phun!

编辑

这个更好

@H_301_8@$('#container').append("

http://jsfiddle.net/ergec/4pswV/

猜你在找的HTML相关文章