JS：檢測包裝內聯元素？

Question

我有一個不定數量的內嵌元素被輸出。現在，根據瀏覽器的寬度，一些元素當然會包裝到一個新的行中。是否有可能檢測並挑選出這些排列的元素，或者dom是否將它看作一條大線？

感謝您的幫助！

編輯：試圖通過偏移高度檢測包裹的元素（感謝Matchu）。包裝元素輸出的值與第一行中的值相同（元素的總高度）。任何理由？

$('#content').children().each(function() { 
     alert($(this)[0].offsetHeight); 
    }); 

Answer 1

您可以檢查元素的offsetHeight屬性，並觀察它的跳躍。當內聯元素比前一個元素具有更大的offsetHeight時，此元素位於新行上。

Answer 2

不，這是不可能的。您只能嘗試測量每個元素的寬度，計算位置並處理不適合的位置。

Answer 3

element.getClientRects（）在包裝的內聯元素上完成時，將返回一個數組，每行包含一個rect對象。 Bowser支持是limited。