小编Nat*_*ate的帖子

如何防止单行<img>在放大后变成2行

我的鸭子 我想让它们连成一排.然而,当我放大时,它们会粉碎在一起并形成两排.相反,我可以做些什么来让他们在放大时不显示/停留在一行?

代码就在这里,这些鸭子住在2x1的桌子里

<table>
<tr>
  <td>Check out deez ducks:</td>
  <td><img src="http://www.mapleleaffarms.com/lib/sitefiles/White-Duck_Facing_Front.jpg" height="150" width="96"><img src="http://www.mapleleaffarms.com/lib/sitefiles/White-Duck_Facing_Front.jpg" height="150" width="96"><img src="http://www.mapleleaffarms.com/lib/sitefiles/White-Duck_Facing_Front.jpg" height="150" width="96"><img src="http://www.mapleleaffarms.com/lib/sitefiles/White-Duck_Facing_Front.jpg" height="150" width="96"><img src="http://www.mapleleaffarms.com/lib/sitefiles/White-Duck_Facing_Front.jpg" height="150" width="96"></td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)

https://jsfiddle.net/myn2qarf/

问题的Gif:http://imgur.com/a/E5blp


编辑:找到答案,需要将"nowrap"添加到包含鸭子的td.所以,如果我之前:

<td> *Ducks go here* </td>
Run Code Online (Sandbox Code Playgroud)

我最终需要了

<td nowrap> *Ducks go here* </td>
Run Code Online (Sandbox Code Playgroud)

html

5
推荐指数
1
解决办法
44
查看次数

标签 统计

html ×1