js+css怎么实现点击改变div的位置

Question

不点击字母时布局如图1，点击后出现城市，然后点击的字母所在行上移到顶，如果点第二行的字母就两行上移，第三行的字母就三行上移，麻烦提供一下代码，十分感谢！

Answer 1

就看你代码结构了，这个其实如果能用css的top的值的规律来控制每行到顶部的距离，那么这道题目就很容易解了，不然看能不能用点击行和顶行的值的交换法进行操作。如果必须要顶行移动的时候必须处在新的顶行的下面（即第二行的话），用top规律，如果没办法，就重新局部刷新这个排列，重新赋值啦