Question

我的代码解析外部页面并创建一个div来显示该页面的数据。我在这里发现了一个堆栈溢出的脚本，它应该将文本拉伸到div宽度，这个http://jsfiddle.net/webtiki/DPRr9/，但是我无法使它与我的脚本一起使用，它看起来像是不工作，因为我的代码的div是动态生成的，所以jQuery代码实际上并没有看到要集成的任何div。

<?php
    $xml = new DOMDocument();
    @$xml->loadHTMLFile('http://v2.afilio.com.br/aff/aff_boutique_show_ads.php?boutiqueid=37930-895777&currencypos=0&display_img=1&diplay_name=1&diplay_price=1&thumbsize=80%&truncate_desc=1&numrows=1&numcols=9&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 id="mainproductafilioright"><div class="product">' . $phtml . '</div></div>';
    }
?>

生成div的行是：

echo '<div id="mainproductafilioright"><div class="product">' . $phtml . '</div></div>';

Answer 1

使用＆＃34; text-align：justify;＆＃34;属性。并以％或以像素为单位给出Div的宽度。

Answer 2

$('#mainproductafilioright').delegate('.product', 'change', function(){
    // apply your script here
});

也许在调整大小事件时也适用它。

如何拉伸文本以水平拟合动态生成的div？

2 个答案: