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

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

使用“文本对齐：对齐；” 属性。 并以％或em表示Div的宽度，而不是以像素为单位。

Answer 2

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

也许在调整大小事件上也应用它。