我正在使用javascript创建HTML元素,CSS margin属性不应用margin。这很奇怪,因为其他属性是正确应用的。
CSS代码:input[type="text"] {
padding: 5px;
margin: 5px;
}
JavaScript: var team1 = document.createElement("input");
team1.type = "text";
team1.placeholder = "Equipa A";
game_det.appendChild(team1);
同样的问题也会发生在其他元素类型上,比如select标签。
为什么不使用边距?
用inline-block
代替inline
尝试查看是否有任何页边距属性工作。
margin-top: 5px;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
您正确工作的代码似乎是您项目中的其他问题。我稍微改变了一下CSS,看看效果如何。
CSS:input[type="text"] {
padding: 5px;
margin: 50px;
}
小提琴:https://jsfiddle.net/lmgonzalves/ct6hxxs4/1/