多语言展示
当前在线:1441今日阅读:86今日分享:14

图片并列排版方法

在网页制作中,上传图片自然形成的都是向下排。如何使图片并列排放呢?如有几张竖条幅需要并列横排,怎么实现呢?这里是用代码制作的一种方法。
工具/原料

博客或网站

方法/步骤
1

准备图片。将要使用的图片放到硬盘。下面是本文举例用图片。

2

上传图片。按照发博文的步骤,进入编辑器。点“图片”,按照提示完成4张图片的上传。

3

取得图片地址。点“显示源代码”,进入代码编辑状态;找到4张图片地址,复制粘贴至“记事本”备用。注意:每张图片编好号并记住内容,使用时对应,避免混乱。

4

编辑。1、清空编辑器。2、将下列代码粘贴到编辑器:

3、将上一步取得的图片地址,粘贴到图片1-4位置,一一对应。

5

加边框。把第四步第二项代码换成:   

其它不变。

推荐信息