Question

＆＃39; boxObj＆＃39;是动态创建的，我已经为它定义了样式。现在，我创建了＆＃39; boxObjInDiv＆＃39;拥有自己的风格并将其附加到父母的方框中#Obj＆＃39; 一切都很好，直到我决定将一些文字添加到＆＃39; boxObjInDiv＆＃39;就像你可以在两行中看到的那样评论为＆＃39; TROUBLE＆＃39;在下面，这是因为所有的盒子都是＆＃39;位置突然改变，下降了像100px .. 我怎么处理它？很明显，当我使用这两行时会发生这种情况。

哦，还有一件事，我怎么能左右自动保证金这个＆＃39; Flower＆＃39;我补充说所以它会显示在它的中间“盒子”中。父母，我试过：具有margin属性的newContent.className（..）但它没有工作。

类框属于＆＃39; boxObj＆＃39;

css：

.box{
    display: inline-block;
    margin-top: 100px;
    margin-left: 175px;
    height: 180px;
    width: 180px;
    cursor: pointer;
}

.lastBoxObjInDiv{
    background-color: #FFF;
    font-family: Arial;
    height: 35px;
    width: 150px;
    margin: 5px auto;
    font-size: 20px;
    line-height: 35px;
    opacity: 0.8;
    border-radius: 35px;
}

js：

boxObj.style.backgroundImage = "url('images/lastBox.png')";
var boxObjInDiv = document.createElement('div');
boxObjInDiv.className = 'lastBoxObjInDiv';
var newContent = document.createTextNode("Flowers");  //TROUBLE
boxObjInDiv.appendChild(newContent);                  //TROUBLE
boxObj.appendChild(boxObjInDiv);

Obj createTextNode更改父级的位置

0 个答案: