Javascript 如何根据页面宽度断开进纸线？

我不知道该怎么说，我在这里试着表达我自己。 我有这个提要url：

它一次取出15件物品，就像一家商店。问题是，一旦达到全宽，它就不会打断线条，另一方面，它只会在底部添加一个水平滚动条

我需要做的是，而不是像这样显示项目：

|--- WIDTH 300px ---|

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15

|--- WIDTH 300px ---|

01 02 03 04 05 06

07 08 09 10 11 12

13 14 15

我需要这样显示它们：

|--- WIDTH 300px ---|

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15

|--- WIDTH 300px ---|

01 02 03 04 05 06

07 08 09 10 11 12

13 14 15

这是我的密码：

http://v2.afilio.com.br/aff/aff_boutique_show_ads.php?boutiqueid=37930-895843¤cypos=0&display\u img=1&diplay\u name=1&diplay\u price=1&thumbsize=80%&truncate\u desc=15&numrows=1&numcols=20&colorname=000000&colorprice=E30000&bkcolor=ffffffffff&bordercolor=ffffffffff&self\u target=0&“； 埃科（a美元）； ？>

---

我还想知道是否可以使用javascript而不是php。

如果您无法访问另一个api端点（如生成json或xml的端点），那么您必须解析html以去除不需要的污点

$xml = new DOMDocument();
@$xml->loadHTMLFile('http://v2.afilio.com.br/aff/aff_boutique_show_ads.php?boutiqueid=37930-895835&currencypos=0&display_img=1&diplay_name=1&diplay_price=1&thumbsize=80%&truncate_desc=15&numrows=1&numcols=20&colorname=000000&colorprice=E30000&bkcolor=FFFFFF&bordercolor=FFFFFF&self_target=0&');

$products = array();

    //Loop through each <td> tag in the dom and extract inner html

foreach($xml->getElementsByTagName('td') as $p) {
    $children  = $p->childNodes;
    $phtml = '';
    foreach ($children as $child)
    {
        $phtml.= $p->ownerDocument->saveHTML($child);
    }
    echo '<div class="product">' . $phtml . '</div>';
}

$xml=newDOMDocument（）；
@$xml->loadHTMLFile（'http://v2.afilio.com.br/aff/aff_boutique_show_ads.php?boutiqueid=37930-895835¤cypos=0&display\u img=1&diplay\u name=1&diplay\u price=1&thumbsize=80%&truncate\u desc=15&numrows=1&numcols=20&colorname=000000&colorprice=E30000&bkcolor=ffffffffff&bordercolor=ffffffffff&self\u target=0&）；
$products=array（）；
//循环遍历dom中的每个标记并提取内部html
foreach（$xml->getElementsByTagName（'td'）作为$p）{
$children=$p->childNodes；
$phtml=''；
foreach（$childrenas$child）
{
$phtml.=$p->ownerDocument->saveHTML（$child）；
}
回显“.$phtml.”；
}

Css

.产品{
宽度：100px；浮动：左侧；
}

但是，该api返回一个包含

的完整html页面。

等，因此用于在iframe中显示，而不是直接输出到html中-查看他们是否使用json/xml api Instedi更新了他们站点中可用的json url的提要。请查看它。它会拖出整个页面，但它现在使用div，而不是表。我可以看不出有什么不同，当然不是jsonSteve，看看这个