Dhshshhs0 2022-03-25 12:42 采纳率: 77.8%
浏览 21
已结题

怎么把这个图片移动到右边空白处？怎么把这个目录弄成一行来浏览显示？

img


怎么把这个图片移动到右边空白处？怎么把这个目录弄成一行来浏览显示

  • 写回答

2条回答 默认 最新

  • 沐卿゚ 2022-03-25 13:53
    关注

    这个可以实现你flex

    
```html
<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>一列显示图片</title>  
</head> 
<body>
    <div class="box">
        <img src="https://system.puluofaxian.com/shop/resources/species/81fae7da-a3fb-4d85-8e1a-568dfacb0eb3.jpg" />
        <img src="https://system.puluofaxian.com/shop/resources/species/81fae7da-a3fb-4d85-8e1a-568dfacb0eb3.jpg" />
        <img src="https://system.puluofaxian.com/shop/resources/species/81fae7da-a3fb-4d85-8e1a-568dfacb0eb3.jpg" />
        <img src="https://system.puluofaxian.com/shop/resources/species/81fae7da-a3fb-4d85-8e1a-568dfacb0eb3.jpg" />
        <img src="https://system.puluofaxian.com/shop/resources/species/81fae7da-a3fb-4d85-8e1a-568dfacb0eb3.jpg" />
        <img src="https://system.puluofaxian.com/shop/resources/species/81fae7da-a3fb-4d85-8e1a-568dfacb0eb3.jpg" />
    </div>
</body> 
</html>
<style>
    .box{
        display: flex;
    }
    .box img{
        width: 100px;
        height: 100px;
        margin-left: 10px;
    }
</style>

![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/515795781846120.png "#left")

    ```

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 4月2日
  • 已采纳回答 3月25日
  • 创建了问题 3月25日

悬赏问题

  • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
  • ¥20 软件测试决策法疑问求解答
  • ¥15 win11 23H2删除推荐的项目，支持注册表等
  • ¥15 matlab 用yalmip搭建模型，cplex求解，线性化处理的方法
  • ¥15 qt6.6.3 基于百度云的语音识别 不会改
  • ¥15 关于#目标检测#的问题：大概就是类似后台自动检测某下架商品的库存，在他监测到该商品上架并且可以购买的瞬间点击立即购买下单
  • ¥15 神经网络怎么把隐含层变量融合到损失函数中？
  • ¥15 lingo18勾选global solver求解使用的算法
  • ¥15 全部备份安卓app数据包括密码，可以复制到另一手机上运行
  • ¥20 测距传感器数据手册i2c