动态重新排序DIV元素

时间:2015-10-28 22:56:38

标签: javascript php html css

我最近开始学习html,css和javascript,因为我对能够创建自己的新闻网站非常感兴趣,并且我意识到我不知道如何完成以下事情:

我希望我的网站首页有10个div块,每个块都有一个标题,其中包含指向相应html页面的超链接。然而,当我添加一个新的div时,我希望底部div块消失,这样它就可以为最新的div腾出空间。

说实话,我不知道为了达到这个目的我需要学习什么。这是描绘我想要完成的图像。

enter image description here

为了了解如何操作,你能给我一个简短的解释或一些关键词给我吗?

1 个答案:

答案 0 :(得分:2)

这是一个棘手的问题,而不知道你想要如何添加项目(你提到的div元素)。

如果要动态地将这些项添加到集中(不重新加载整个页面),则可能需要使用这些项的容器的 overflow 属性。这样,当有人即将访问时,您可以保留已经在集合中的项目消失。

否则,如果您计划在访问页面时仅加载数据库中的最新项目,则只需使用正确的查询即可返回正确的金额(适合您的"设置& #34;)数据库中的最新数据。

我应该提一下,在没有任何帮助的情况下从头开始构建这个网站对于初学者来说将是一个非常大的挑战。特别是因为您必须完成所有后端工作以设置数据库。如果可以的话,我建议向有这方面经验的人寻求帮助,因为从错误的方向开始并且必须完全重启不会很有趣!