在屏幕

时间:2016-08-19 21:30:35

标签: javascript html css position

希望有人可以为此提出一个好的策略建议。

我有一个我试图编码的页面,上面有五个元素。当一个人使用页面时,这些元素的内容会发生变化......有时候是由文本组成的,有时是图像...而且重要的是内容的高度会发生变化(所有这些都是使用JavaScript构建的)。这个想法是所有这一切都会立即在屏幕上显示出来。 enter image description here

问题在于我希望元素在屏幕上保持其位置(例如,左上角,精确中心等),而不管其他元素的大小。例如,中间的元素可以是单行文本,并且可以突然变为300像素高的图像,然后可以变成100像素高的图像。当发生这种情况时,我不希望它下面的物体向上或向下移动。

(PS:这只会在台式电脑上使用)

有没有办法通过HTML或CSS来为这些元素提供绝对位置(例如,中间的一个:从顶部50%,从左边50%,以屏幕为中心),无论其他人的大小如何?我之前只是使用换行符并使用行高来定位事物,但这会导致屏幕上较低的元素在较高的调整大小时“向下移动”。

任何帮助或建议将不胜感激!

1 个答案:

答案 0 :(得分:1)

youc可以使用CSS,你应该尝试使用position属性(相对/绝对)/检查linklink