Question

此功能会显示用户图片（user.jpg）和用户的个人资料说明（stripslashes（$ row [1]））。

目前，图片位于用户个人资料说明的左侧。

如何让用户的个人资料说明显示在图片下方？

function showProfile($user)
{
    if (file_exists("$user.jpg"))
        echo "<img src='{$user}.jpg?".time()."' align='left' />";

    $result = queryMysql("SELECT * FROM profiles WHERE user='$user'");

    if (mysql_num_rows($result))
    {
        $row = mysql_fetch_row($result);
        echo stripslashes($row[1]) . "<br clear=both /><br />";
    }
}

这是我的css文件：

/* styles.css */

* {
    font-family:verdana,sans-serif;
    font-size  :14pt; }

body {
     width     :700px;
    background:#fff;
    }

html {
    background:#fff }

img {
    border            :1px solid black;
    margin-bottom     :50px;
    margin-right      :15px;
     -moz-box-shadow   :2px 2px 2px #888;
     -webkit-box-shadow:2px 2px 2px #888;
     box-shadow        :2px 2px 2px #888; } 

li a, .button{
    text-decoration:none; }

li a:hover, .button:hover {
    color:green; }

.appname {
    text-align :center;
    background :#c4c4c4;
    color      :#40d;
    font-family:helvetica;
    font-size  :20pt;
    padding    :4px; }

.fieldname {
    float:left;
    width:120px; }

.main {
    margin-left:40px; }

.info {
    background :lightgreen;
    color      :blue;
     border     :1px solid green;
     padding    :5px 10px;
    margin-left:40px; }

.menu li, .button {
    display           :inline;
    padding           :4px 6px;
    border            :1px solid #777;
    background        :#ddd;
     color             :#d04;
    margin-right      :8px;
     border-radius     :5px;
     -moz-box-shadow   :2px 2px 2px #888;
     -webkit-box-shadow:2px 2px 2px #888;
     box-shadow        :2px 2px 2px #888; }

.subhead {
    font-weight:bold; }

.taken, .error {
    color:red; }

.available {
    color:green; }

.whisper {
    font-style:italic;
    color     :#006600; }

Answer 1

您可以在style="float:left;clear:both;"中使用<img />，而不是设置align属性。

function showProfile($user)
{
if (file_exists("$user.jpg"))
    echo "<img src='{$user}.jpg?".time()."' style='float:left;clear:both;' />";

$result = queryMysql("SELECT * FROM profiles WHERE user='$user'");

if (mysql_num_rows($result))
{
    $row = mysql_fetch_row($result);
    echo stripslashes($row[1]) . "<br clear=both /><br />";
}
}

HTML对齐澄清

1 个答案: