Question

如果我在php中回复一些文字，我怎样才能将背景图像放到每一段文字中，其中图像根据回声的长度调整高度。

这是我下面的代码，只是为了尝试更好地解释一下。然后每行我想让image speech.png在文本后面吗？

function populate_shout(){
    global $dbh;
    $sql = ("SELECT * FROM shout ORDER BY id DESC limit 20");
        echo '<ul>';
            foreach ($dbh->query($sql) as $row) {
                echo '<li>';
                echo '<span class="date">&nbsp;<br/>'.$row['date_time'].'</span>';
                echo '<span style="font-size:12px;" class="name">&nbsp;<b>'.$row['name'].'</b></span>';
                echo '<span style="color:black;" class="message">&nbsp;<br/>'.$row['message'].'</span>';
                echo "img src="images/speech.png" width="60" height="20"";
                echo '</li><br/>';
                }
        echo '</ul>';
    }

由于

Answer 1

您应该使用CSS将背景图像应用于span类

span.date, span.name,span.message {
    background-image: url(images/speech.png) no-repeat;
}
span.name {
    font-size:12px;
}
span.message {
    color:black;
}

避免使用内联样式

php echo文本被图像包围

1 个答案: