Html 无法使元素居中

所以，我是新的编码。我试图用html、css和js制作一个非常基本的计算器静态网页

这是html

#输入{
保证金：0自动；
}
#num{
边界半径：25px；
背景：公元7321年；
显示：内联块；
填充：15px；
宽度：200px；
高度：100px；
}

输入第一个数字
输入第二个数字

以下是完成此操作的复杂方法

您应该创建一个容器div，以便可以将对象居中放置

#容器{
显示：flex；/*建立flex容器*/
弹性方向：行；/*默认值；可省略*/
柔性包裹：nowrap；/*默认值；可以省略*/
对齐内容：之间的空格；/*从默认值切换（flex start，见下文）*/
背景颜色：浅黄色；
}
#容器>分区{
宽度：100px；
高度：100px；
边框：2个红色虚线；
}

---

添加边距时：0自动确保html标记不是内联或内联块，它应该是具有特定宽度的“块”css

#num {
    border-radius: 25px;
    background: #73AD21;
    display: block;
    padding: 15px;
    width: 200px;
    height: 100px;
    margin: 1em auto;    
}
label{
  white-space: nowrap;
}

只需替换此代码，希望您的问题能够解决。

---

为标签添加

空白：nowrap

，以使用单行文本

#num

应该是具有特定宽度的“块”css，如

200px

和显示块。谢谢

#num是重复的，id属性定义了一个唯一的id，如果您有多个具有相同css规则的标记，您应该使用class属性并引用它们。与#您是否尝试将文本对齐：中心应用于#输入？@Lety不同，

#输入{text align:center；}

实际上已经解决了他的问题。这正是eh需要做的事情。@lefty是的，我尝试了文本对齐：居中，但没有做任何更改。@lefty我给出了相同的id，因为我希望它们被视为不同的元素，但样式必须与bothbad相同。建议：唯一的原因是他需要重新构造页面。他只需添加

#input{text align:center；}

，即使您在技术上没有错，您也会使它变得比需要的更复杂。此外，如果您提供帮助，您应该使用提供的代码段，以便更容易实现。此外，他还有一个集装箱部门（#input）谢谢你的建议，我只是想帮你。我通常把事情搞得太复杂了，这是我的错。谢谢你的回答，我有一个疑问，空白是什么意思：现在，我的意思是它能做什么？这将使你的文本成为一行，而不是断行。请确认它是否有效。