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

发布时间：2020-12-14 23:09:15 所属栏目：资源来源：网络整理

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

我正在尝试使用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/

                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!