如何使用css居中表單？

字面意思是所有四面。我看到很多教程正在使用如何使用css居中表單？

element.style.margin = "0 auto";

這隻會將它集中在X軸上，而不是Y軸上。

我如何通過Y軸將其置於中心？

來源

2013-01-31 iCodeLikeImDrunk

在使用CSS垂直居中塊元素時，存在着千個問題。這並不容易，但多次討論。如果你正在使用Javascript，你可以簡單地做一些高度計算，並自己居中（不要把它放在CSS中）。 – kapa

我用：

#myItem { 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    width: 100px; 
    height: 100px; 
    margin-top: -50px; 
    margin-left: -50px; 
}

....之前，希望它有助於

來源

2013-01-31 19:51:39 johnwinter

對我來說，它有點像66％的頂部和左邊移動它。 – iCodeLikeImDrunk

我相信你必須將margin-top和margin-left的值分別替換爲元素的高度和寬度的一半。 – symlink

你想要垂直居中在元素上設置display: table-cell和vertical-align: middle，你想它的父容器元素上設置display: table它集中在裏面。

來源

2013-01-31 19:52:38 Ennui

如何使用css居中表單？

回答

相關問題