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

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

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

编辑 –
HTML:

CSS:

.flush{
text-align: justify;
width: 500px;
height: 250px;
background: #00f;
}

.flush div{
display: inline-block;
width: 101px;
height: 100px;
background: #f00;
}

JS:

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

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

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

$('#container').append("

有phun!

编辑

这个更好

$('#container').append("

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

猜你在找的HTML相关文章