0

我正在使用 twitter bootstrap 为台式机和手机创建网站。我希望登录表单在 x 方向和 y 方向都居中。

因此,如果网格是 100 x 100,那么表格将是 50,50。

我可以使用 Firefox 将表单稍微放在屏幕的中心,text-align: center;但 Firefox 将它放在右边一点。

我该怎么做才能到达中心?

这是我的 HTML

这是我的 bootstrap.css

4

2 回答 2

0

那里有很多嵌套的 div 标签,尽管我知道这部分是 Bootstrap 的错!我要强调的一件事是利用你已经在 Bootstrap 中使用的那些,而不是添加新的来改变定位,因为这会带来很多麻烦。

玩了这个之后,我没有想出一个明确的解决方案,但这是我的想法:

  • 阅读 CSS 媒体查询...这将使您的桌面 > 移动问题的解决方案变得更加容易!
  • 不要使用 CSS 进行垂直对齐。Divs 不是表格单元格,不能真正像它们一样。嗅探屏幕宽度并进行定位数学的小型 JavaScript 更好。一个快速的谷歌搜索会带来很多。
于 2013-03-26T22:57:19.393 回答
0

尝试margin:auto;<div>包含表单的地方使用。

于 2013-03-26T22:47:49.083 回答