使用CSS设置字段集

Question

我正在尝试将包含登录名"username"和"password"字段的字段集居中到页面中心.这是我有的:

fieldset{
  border: 1px solid rgb(255,232,57);
  width: 400px;
  float: left;
}

无论窗口大小如何,我都希望fieldset在窗口中居中.谷歌搜索没有产生任何帮助,例如float: center或align: center属性.

Answer 1

没有float: center,只有左和右.Float简单地允许块级元素通过将它们从堆栈流中取出来水平排列.它类似于display:inline-block它将它们与浮点方向对齐.

你想要的是将边距设置为自动.如果要居中对齐节点里面的fieldset,你可以添加text-align:center;到这一点:

fieldset{
  border: 1px solid rgb(255,232,57);
  width: 400px;
  margin:auto;
}