如何根据页面宽度换行

How to break feed line according to page width?

本文关键字：换行 何根      更新时间：2023-09-26

我不知道该怎么说，我想在这里表达一下。我有这个提要url:

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& bkcolor = FFFFFF& bordercolor = FFFFFF& self_target = 0, ");回声(美元);?>

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

如果你不能访问另一个api端点(例如生成json或xml的端点)，那么你将不得不解析html以剥离不需要的cruft;

$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>
相关文章：