Question

我正在尝试将包含登录名“username”和“password”字段的字段集居中到页面中心。这就是我所拥有的：

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

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

Answer 1

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

您想要的是将边距设置为自动。如果您想将内部的节点居中对齐<{1}}，可以在此处添加fieldset：

text-align:center;

Answer 2

包装它的元素可能需要text-align：center;在它上面，然后你需要在字段集上设置边距;

fieldset{
  //other stuff
  margin: 0 auto;
  text-align: left;
}

form
{
    text-align: center;
}

示例：http://jsfiddle.net/CKqxQ/

Answer 3

只需删除([^&]+)并添加SELECT @idTable = T.id FROM sysobjects P JOIN sysobjects T ON P.parent_obj = T.id WHERE P.id = @@procid -- Get Modified columns SELECT @modifiedColumns = ISNULL(@modifiedColumns + ', ', '') + name FROM syscolumns t WHERE id = @idTable AND CONVERT(VARBINARY, REVERSE(COLUMNS_UPDATED())) & POWER(CONVERT(bigint, 2), colorder - 1) > 0，因为float:left会将您的元素保留在父元素的左侧。（假设父元素宽度超过400px;）您的新css将如下所示。

margin: 0 auto;

Answer 4

你也可以像这样fieldset：

<div style="text-align:center">
    .......fieldset here........
</div>

注意：这也会影响fieldset文字的对齐方式，因此如果您希望fieldset内的文字向左或向右对齐，您可以使用：

<fieldset style="text-align:left">

Answer 5

有人试试这个......实际上，只要使用它就可以了！

fieldset {
  font-size:14px;    padding:5px;    width:500px;    line-height:1.8;    margin: 0 auto;    
 }

使用CSS设置字段集

5 个答案: