0

所以我已经阅读了一些 CSS 指南并理解了大多数属性，但我仍然无法正确定位元素。

我的意思是正确的：现在我使用margin, margin-right, margin-left, padding, ( margin-left:50px) 等的特定值来定位东西......这意味着div当我在自己的计算机中以特定分辨率查看时，我的 s 都正确定位。

所以我希望这不是太笼统，但是我如何定位东西，使其在页面中的相同相对位置，对于每个分辨率/页面大小，无论谁和什么查看它（我猜如果99% 的情况都是一样的，这也是一个好的开始）。

更具体一点：我可以使用哪些属性以我描述的方式定位元素？

这是我的一个定位不佳的小项目的链接（在我的屏幕上一切都很好，但在其他地方却不是：http: //kash.hostzi.com/utopia/minesweeper.html

例如，查看#gameTable's css - 我想以一种可怕的方式将其居中并做到这一点。

4

2 回答 2

1

在您链接的示例中，您似乎希望游戏板居中。如果它是块级元素，例如 div 或 table，并且您想将其居中，则可以在元素本身上使用它： 

margin-left: auto;
margin-right: auto;

如果它是一个内联元素，并且你想将它居中，你可以在父元素上使用它： 

text-align: center;

如果您不想将其居中，而只是想让位置缩放与屏幕尺寸，请执行以下操作： 

margin-left: 10%;
margin-right: 10%;

如果您希望位置随字体大小缩放，请执行以下操作： 

margin-left: 10ex;
margin-right: 10ex;
于 2013-05-31T16:52:54.330 回答
0

您可以开始使用百分比。喜欢：

margin-left: 20%;
margin-right: 20%;

并且它将根据窗口（它所在的元素）大小进行边距。

于 2013-05-31T13:16:15.363 回答