由于我使用了模板,{userName}和{avatar}是通过javascript写的函数传过来的数组里的一系列数据,现在图片是竖排显示的,就是每行一张图,要怎么实现变成横排?
我现在的代码:
html:
<div class = "showUser" >
<div class = "userList">
<a href="./index.php?id={uid}">{userName}</a>
<a href="./index.php?id={uid}" ><img src = "/team5/v0.4/src/upload/_static/picture/avatar/{avatar}"></a>
</div>
</div>
CSS:
.showUser {
float:left;
width:100px;
background:#ccc;
overflow:hidden;
white-space:nowrap;
margin:10px;
}
.userList{
float:left;
}
javascript里的函数:
function getName()
{
global $DB,$mysql_prefix;
$nameArr = array();
$con = mysql_connect("localhost", "root", "admin");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
$db_selected = mysql_select_db("micblog",$con);
$sql = "SELECT `UID`, `AVATAR`, `USERNAME` FROM `WEIQU_USERINFO`";
$result = mysql_query($sql,$con);
while($Re = mysql_fetch_array($result))
{
$nameArr[] = array(
"uid" => strip_tags($Re['UID']),
"userName" => strip_tags($Re['USERNAME']),
"avatar" => strip_tags($Re['AVATAR']),
);
}
$return['Name'] = $nameArr;
return $return;
}