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動態更改，但添加空白空間

回答

相關問題