php - 将单词拆分为 span 并在 div 中对齐

Question

我正在使用 PHP 从 MySQL 获取段落值。我需要显示 this link .我的代码是，

<?php
        $sql = "select `content` from `content` where id='1'";
        $data = mysql_query($sql);

    while($row = mysql_fetch_array($data))
    {
        $content1 = $row[0];
    }
    $content2 = explode(" ", $content1);
    $content = "";
    $count = 1;
    foreach($content2 as $content3)
    {
        $content .= '<span id='.$count.' >'.$content3.'</span>';
        $count++;
    }

    echo "<div class='data_pre'>";
    echo $content;
    echo "</div>";
?>

我需要每个词的跨度。但它显示相同的一行。它不会出现在下一行。参见 the link .

问题出在哪里？谢谢...

Answer 1

哦，抱歉，“它没有显示下一行”我确定您希望每个单词都换行。试试这个:http://jsfiddle.net/GfVLP/13/

.data_pre span {
    display:inline-block;
    margin-right:10px;
}

http://jsfiddle.net/GfVLP/2/

你必须使用

   .data_pre span {
       display:block;
    }

因为span是一个内联元素

这里有一个更新，高度:140px；对父 div 而言，并非所有内容都显示出来 http://jsfiddle.net/GfVLP/12/