Html 以表格为中心&;输入

Html 以表格为中心&;输入,html,css,Html,Css,我一直试图将我的表单和输入水平居中,但它不起作用 我尝试过使用边距和填充,但没有效果 正文{ 背景色:#2f; } /*表格(外部)*/ .表格内联{ 填充:1%0%; } /*输入(内部)*/ .表格管制{ 背景色#353434; 边框:#3E3E3E 2px实心; /*右上左下*/ /*将字迹居中对齐*/ 文本对齐:居中; } /*搜索文本*/ .form控件::占位符{ 颜色:#AEAEAE; 文本对齐:居中; } 要使表单垂直居中,可以这样做 form{ width:fit-conte

我一直试图将我的表单和输入水平居中,但它不起作用

我尝试过使用边距和填充,但没有效果

正文{
背景色:#2f;
}
/*表格(外部)*/
.表格内联{
填充:1%0%;
}
/*输入(内部)*/
.表格管制{
背景色#353434;
边框:#3E3E3E 2px实心;
/*右上左下*/
/*将字迹居中对齐*/
文本对齐:居中;
}
/*搜索文本*/
.form控件::占位符{
颜色:#AEAEAE;
文本对齐:居中;
}

要使表单垂直居中,可以这样做

form{
width:fit-content;
margin:0 auto
}
对于垂直和水平中心,您可以通过
变换:平移(-50%,-50%)
完成。下面是工作片段

form{
width:fit-content;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
正文{
背景色:#2f;
}
/*表格(外部)*/
.表格内联{
填充:1%0%;
}
/*输入(内部)*/
.表格管制{
背景色#353434;
边框:#3E3E3E 2px实心;
/*右上左下*/
/*将字迹居中对齐*/
文本对齐:居中;
}
/*搜索文本*/
.form控件::占位符{
颜色:#AEAEAE;
文本对齐:居中;
}
形式{
宽度:适合的内容;
位置:绝对位置;
最高:50%;
左:50%;
转换:转换(-50%,-50%)
}

您应该了解,在引导到中心的过程中,您希望类使用的是:

justify-content-center


你的CSS要求文本在
表单控件中居中,这正是它所做的…我如何增加大小并使其保持在水平中间?如果“大小”的意思是
宽度
,那么只需将输入的
宽度
更改为你想要的,例如
宽度:287px或<编码>宽度:150vh
bootstrap预定义了许多您想要实现的类,例如:在背景色中:#2f在bootstrap中,u应该使用bg dark;在文本中对齐:居中;在bootstrap中,你应该使用文本中心等。你应该阅读以避免重复相同的类或属性。非常感谢,比如说我想增加宽度,我应该使用填充还是应该使用宽度:bla-bla-bla?courseOkay的宽度,所以我尝试增加整个表单的宽度,但它没有改变任何东西。我不知道你想做什么,也许你是在要求使用引导柱系统和他的响应系统
justify-content-center