html怎么控制，才不会让图片自动换行

如果是想让多张图片中在同一行，不需要去控制，因为img元素替换内联元素 replaced inline element，属于inline element类目，也就是说其本身不会独占一行，只要是空间允许，两个或者多张图片是可以在一行的。

工具原料：编辑器、浏览器

1、可以连续的写两个img标签，在宽度没有超过一行宽度的情况下，其两张图片是可以在一行的。代码如下：

<img src="1.jpg" />

<img src="2.jpg" />

2、运行的结果如下：

因为你用的模板，传的是一个array，每循环一次生成一个DIV，所以要把循环开始<!-- BEGIN nameArr.Name -->放在<div class = "userList">前面，改成这样

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

html：

<div class="showUser">

<fieldset>

<legend>俱乐部成员</legend>

<!-- BEGIN nameArr.Name -->

<div class = "userList">

<p> </p>

<p><a href="./index.php?id={uid}">{userName}</a></p>

<!-- IF avatar = "" -->

<p><a href="./index.php?id={uid}" ><img src = "/team5/v0.6/upload/_static/picture/avatar/default.jpg"></a></p>

<!-- ELSE -->

<p><a href="./index.php?id={uid}" ><img src = "/team5/v0.6/upload/_static/picture/avatar/{avatar}"></a></p>

<!-- ENDIF -->

</div>

<!-- END nameArr.Name -->

</fieldset>

<div class="clear"></div>

</div>

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

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

}

可以使用表格的方法强制使用页面的宽度来解决，新建一个一行三列的无边框无底色的表格并指定表格的宽度（用数值，不要用百分比），再将三幅图片分别插入三个表格当中，这样无论图片放大和缩小都会限制在指定的表格当中。

---