HTML中的DIV动态更改，但添加空白空间

我一直在研究动态问题thingee（技术术语），但当然总会有一些小跳需要克服。我的问题是，当我在其中一个问题面板上选择“显示答案”时，分隔符会在行之间添加一个巨大的空白区域。基本上问题的数量是由屏幕的宽度管理，然后通过AJAX从index.php?questions&a={insertwidthofscreen*4}得到的问题，这是通过JavaScript完成，并自动工作。HTML中的DIV动态更改，但添加空白空间

，我已是下文中，被称为“math.php”作为一个临时测试的代码：经由上述文件中生成 http://pastebin.com/MjGgSTYh 一切和没有外部连接时，该数据库的东西很容易和我将使用我的旧系统来跟踪已经显示的内容。

这个想法是所有DIVS在单击答案按钮时改变高度，高度取决于答案，答案可以从1个单词到一个段落不同。

屏幕截图我的意思是与白色空间。 http://imgur.com/KAOPHFI,wj0vWSg 这里有两张照片，我一会儿没看到下一个按钮。

干杯，莱昂

来源

2015-06-01 Leon

由于它不是完整的代码（因此我很难测试自己），我就spitball这一点 - 你的QBOX风格（可能还有其他人？）有固定的宽度 - - qbox是200px。这应该是动态的吗？（你也有宽度列出两次，但相同的价值，所以它不应该在这种情况下）

如果你想发布更完整的代码，我可以自己粘贴到一个文件，我可以排除故障多更轻松。

更新：

我明白现在发生了什么。当你按特定的顺序点击答案时，就会出现空白 - 例如，如果你从左到右从上到下遍历它们，没有多余的空格，但是如果你在screencap中按对角方式单击，则会添加空格以允许当前答案的长度，但不会重新排列先前的单元格以利用该空间。

为了解决这个问题，看起来你需要在点击一个答案时重新定位一些答案框......只是按照某个顺序扩展它们会导致你看到的问题。另一种选择是在页面的侧面或底部设置答案窗格/框架，以显示答案，而不用自行扩展问题框。我无法想象您需要的算法，以便在每次点击时自动重新排列框...

来源

2015-06-01 16:02:10

这是PHP文件中的所有代码，除了一个警告框，如果存在$ _REQUEST ['对话']但这只是给人们一个解释，除了提示完整的代码在上面，我会仔细检查。 – Leon

感谢您回复我，唯一改变的就是高度，当答案按钮被点击时它可能会改变很多，或者它不会太大，我不能拥有固定的高度，或者问题可能会很长并不适合英寸文件名称被称为math.php不index.php这是我的错误，这可能是为什么，但你应该能够复制和粘贴该文件，否则我把文件放在pastebin http：// pastebin.com/MjGgSTYh – Leon

好吧，我已经看了上面的代码，它不完整，原来堆栈已经删除了一些。 http://pastebin.com/MjGgSTYh – Leon

HTML中的DIV动态更改，但添加空白空间

回答

相关问题