Question

我正在使用html / css / javascript作为3D游戏的游戏UI。我在我的游戏上渲染页面。大多数游戏UI都有一个锚定概念（位置小部件分别为Top，Left，Right，Bottom，Center，LeftCenter，RightCenter，TopCenter，BottomCenter）。我想知道是否有人知道任何现有的html / css框架模仿这种行为，或者用css做这样的事情相当容易？我不是那么熟悉css，我已经做了一些搜索，但没有看到任何看起来像我直接锚定，就像我上面提到的那样。在我的情况下，似乎锚定div就像这样理想。

我正在想象将div固定到底部中心的行为，当我在其中添加内容时，无论我是否调整窗口大小，整体div本身始终保持在底部中心。

Answer 1

评论作为回答：

看看css position: fixed它基本上会使元素像水印一样行动

如果你想要它左下角你会做

css bottom: 0; left: 0;

如果你想要顶级中心，你可以做到

css top:0; left:0; right:0;

（我认为你可以在不解释所有不同场景的情况下找到我的目标）

left：0，right：0似乎只是让div占据整个宽度。宽度为50％并不会使宽度为50％的div居中。

<强>响应

试试html

<div id='a'>
  <div id='b'></div>
</div>

CSS

#a {
 position: fixed;
 left:0;
 right:0;
}
#b {
 width: 50%;
 margin: auto;
}

锚定html框架

1 个答案: