Javascript HTML/CSS。为什么田地向左漂？

我有一个

，里面有复选框和按钮，我想把字段放在它们之间，但字段总是最左边的。我试着用文本代替文件，但文件不想遵守我的CSS规则

另外，我需要定位所有使用JavaScript的用户

    var list = document.getElementById("list");

    var item = document.createElement("div");
    item.className="item";
    list.appendChild(item);
    var itemsField = document.createElement("input");
    itemsField.setAttribute('type', 'input');
    itemsField.className = '.itemsField';
    item.appendChild(itemsField);

    var taken = document.createElement("input");
...
    item.appendChild(taken);

...
    item.appendChild(del);

一些CSS规则：

.itemsField {
    display: inline-block;
    float:center;
    margin-left:1%;
}

checkbox {
    display: inline-block;
    float:left;
    width:auto;
}

---

我认为css类不遵守规则的原因在于您的脚本。所以试着改变

itemsField.className = '.itemsField';

到

此外，我不认为“浮动”属性有“中心”值

.itemsField {
    display: inline-block;
    float:center;
    margin-left:1%;
}

---

如果要将某物居中，请改用

text align:center

。希望能有所帮助。

我认为css类不遵守规则的原因在于您的脚本。所以试着改变

itemsField.className = '.itemsField';

到

此外，我不认为“浮动”属性有“中心”值

.itemsField {
    display: inline-block;
    float:center;
    margin-left:1%;
}

---

如果要将某物居中，请改用

text align:center

。希望对您有所帮助。

您可以使用字符串文字。另一个问题是使用类名as

.itemsField

，您需要删除点。在您的代码中，您在最后添加了

div

和

innerText

X

var list=document.getElementById（“list”）；
让innerDOM=`
X
`;
list.innerHTML=innerDOM
.itemsField{
显示：内联块；
浮动：中心；
左缘：1%；
}
复选框{
显示：内联块；
浮动：左；
宽度：自动；
}
您可以使用字符串文本。另一个问题是使用类名as
.itemsField
，您需要删除点。在您的代码中，您在最后添加了
div
和
innerText
X


var list=document.getElementById（“list”）；
让innerDOM=`
X
`;
list.innerHTML=innerDOM
.itemsField{
显示：内联块；
浮动：中心；
左缘：1%；
}
复选框{
显示：内联块；
浮动：左；
宽度：自动；
}
浮动：中心不存在。
以上答案相当清楚。
但是如果你需要一个非常简单的答案，就用这个

        <center>
     <input type="checkbox"> <input type="textarea"> <input type="submit" value="Submit"><br>
     </center>





如果你想将整个物体移动到一个特定的位置或样式，请使用标记。
浮动：中心不存在。
以上答案相当清楚。
但是如果你需要一个非常简单的答案，就用这个

        <center>
     <input type="checkbox"> <input type="textarea"> <input type="submit" value="Submit"><br>
     </center>





如果你想把整个东西移动到一个特定的位置或样式，请使用tag。
据我所知，没有像
float:center
这样的规则。你从哪儿弄来的？您可以使用的关键字列在联机文档中，例如在
itemsField.className='.itemsField'
可能应该是
itemsField.className='itemsField'您还应该创建一个。欢迎使用堆栈溢出！请拿着（你得到了一个徽章！），四处看看，仔细阅读，特别是上面与ADyson达成的一致意见。另外：
checkbox
不是复选框的选择器。如果要选择所有复选框，可以使用
input[type=checkbox]
作为选择器。但你到底想做什么还不清楚。简单的答案是在复选框后添加字段。据我所知，没有像
float:center
这样的规则。你从哪儿弄来的？您可以使用的关键字列在联机文档中，例如在
itemsField.className='.itemsField'
可能应该是
itemsField.className='itemsField'您还应该创建一个。欢迎使用堆栈溢出！请拿着（你得到了一个徽章！），四处看看，仔细阅读，特别是上面与ADyson达成的一致意见。另外：
checkbox
不是复选框的选择器。如果要选择所有复选框，可以使用
input[type=checkbox]
作为选择器。但你到底想做什么还不清楚。简单的答案是在复选框后添加字段<代码>文本对齐：居中仅居中文本，不居中元素。使用
margin:0 auto:0 auto。这应该将项目设置在中间。如果这不起作用，那可能是因为其他继承属性…@SimonJensen
text align:center
centers内联元素非常好。margin:0 auto:0 auto/margin:0 auto；大多数用于块元素（如p、div…等），通常内联元素在居中时使用文本对齐：居中
文本对齐：居中仅居中文本，不居中元素。使用
margin:0 auto:0 auto。这应该将项目设置在中间。如果这不起作用，那可能是因为其他继承属性…@SimonJensen
text align:center
centers内联元素非常好。margin:0 auto:0 auto/margin:0 auto；大多数用于块元素（如p、div…等），通常内联元素在居中时使用文本align:center元素
元素已过时，并且已经使用多年。请看，问题中的代码使用的是不存在的东西，您建议将其替换为将来很可能不存在的东西-
元素已经过时，并且已经存在多年。请看，问题中的代码使用的是不存在的东西，您建议将其替换为将来很可能不存在的东西-s