javascript - 如何拉伸(stretch)文本以水平适合动态生成的 div？

Question

我的代码解析外部页面并创建一个 div 来显示该页面的数据。我在堆栈溢出上发现了一个脚本，它应该将文本拉伸(stretch)到一个 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

使用“文本对齐:对齐；”属性(property)。并以 % 或 em 为单位给出 Div 的宽度，而不是以像素为单位。