当我在Javascript中创建元素时，边距不适用

Margin doesn't apply when I create an element in Javascript

本文关键字：不适用 元素 创建 Javascript      更新时间：2023-09-26

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

相关文章：