Javascript 如何将此元素居中

此时，它出现在屏幕的左侧。请看一看。谢谢。

尝试添加一些CSS代码

#mydiv{
文本对齐：居中
}

---

如果您使用以下选项之一，您可以使用它将其居中，50%将放在文本或输入框的开头。px意味着您必须手动对齐。将其插入到#mydiv下的css文件中。要执行此操作，请将您的id更改为mydiv或其他内容

左：50px；
左：50%

首先，如果要将id为='1'的div居中，它需要一个父元素 HTML

JSFIDLE

---

了解有关flexbox的更多信息

我已将

id

更改为

myid

；并添加了一个父级

div

#parent {
  display: flex;
  justify-content: center;
}

而且

#myid

必须是

.parent{position: relative;}

---

Hope is works:）

您所说的“this element”是什么意思……另外，数字id无效（编辑：在HTML 4中），您能留下评论吗？或者您不知道该说什么？它不起作用。您是否运行了代码段？元素看起来居中，您想得到什么？

#parent {
  display: flex;
  justify-content: center;
}

<div class="parent">    
<div id="myid" style="display:block">
    <div class="radio">
      <label><input type="radio" name="o1"> <input type="text" class="form-   control" id="opt1"></label>
</div>
<div class="radio">
      <label><input type="radio" name="o2"><input type="text" class="form-control" id="opt2"></label>
</div>
<div class="radio">
      <label><input type="radio" name="o3"><input type="text" class="form-control" id="opt3"></label>
</div>
<div class="radio">
      <label><input type="radio" name="o4"><input type="text" class="form-control" id="opt4"></label>
</div>
</div>
</div>

.parent{position: relative;}

#myid{
position: absolute;
left: 50%;
transform: translateX(-50%);
}