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