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

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

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

编辑 –
HTML:

CSS:

  1. .flush{
  2. text-align: justify;
  3. width: 500px;
  4. height: 250px;
  5. background: #00f;
  6. }
  7. .flush div{
  8. display: inline-block;
  9. width: 101px;
  10. height: 100px;
  11. background: #f00;
  12. }

JS:

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

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

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

  1. $('#container').append("

有phun!

编辑

这个更好

  1. $('#container').append("

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

猜你在找的HTML相关文章