html 自动图片排列,html+css实现横排显示一系列图片，超出框格的自动换到下一行...

满意答案

ovjenbn77

推荐于 2016.09.12

采纳率：43%    等级：8

已帮助：711人

因为你用的模板，传的是一个array，每循环一次生成一个DIV，所以要把循环开始放在

前面，改成这样

========================================

html：

俱乐部成员

{userName}

==========================================

css：

.showUser{

width:780px;

padding:10px;

}

.showUser legend {

margin-bottom:20px;

font-size:200%;

}

.userList{

margin-bottom:5px;

word-break:break-all;

word-wrap:break-word;

float:left;

}

.userList img {

margin:5px 19.5px;

border:4px solid #d7e1ed;

display:block;

}

.userList a {

margin:5px 19.5px;

color:#444;

text-decoration:none;

}

.userList a:hover {

color:#888;

text-decoration:none;

}

===========================================

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;

}

00分享举报