如何根据页面宽度打破进纸线？答案

【问题标题】：How to break feed line according to page width?如何根据页面宽度打破进纸线？
【发布时间】：2016-01-12 20:44:43
【问题描述】：

我不知道该怎么说，我会在这里尝试表达自己。我有这个提要网址：

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&

它一次取出 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&currencypos=0&display_img=1&diplay_name=1&diplay_price=1&thumbsize=80%&truncate_desc=15&numrows=1&numcols=20&colorname=000000&colorprice=E30000&bcolor 0&"); 回声 ($a); ?>

我也想知道是否可以使用 javascript 代替 php。

【问题讨论】：

v2.afilio.com.br/aff/…
但是，该 api 返回一个带有<html><head>.. 等的完整 html 页面，因此用于在 iframe 中显示，而不是直接输出到 html - 看看他们是否有 json/xml api
我用他们网站上可用的 JSON url 更新了 feed。看看吧。
它会拉一整页，但它现在使用 div，而不是 Tables。
我看不出任何区别 tbh - 它肯定不是 json

标签： javascript php jquery xml-parsing

【解决方案1】：

如果您无法访问另一个 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>';
}

CSS

<style type="text/css">
    .product{
        width: 100px; float:left;
    }
</style>

【讨论】：

史蒂夫，看看这个v2.afilio.com.br/aff/…