怎么用代码将两个动态图案并排表示

怎么用代码将两个动态图案并排表示,第1张

用代码将两个动态图案并排表示

用下面的html源代码就可以将两个广告或者图片并排显示:

<table align=center><tr><td><table border="0〃 align="left"style="margin-left:30px"><tr><td>

广告代码1</td></tr></table></td><td><table border="0〃 align="left"

><tr><td>

广告代码2

</td></tr></table></td></tr></table>

但是里面可以加多一项参数,就是两个图片之间的间距,用这个代码设置图片代码的时候,会发现两张图片是紧挨在一起的,如果不想这两个图片挨的这么近,可以给其中一个图片加多一个间距的html代码:style="margin-left:30px" 。 (左侧空30个像素的距离)

数值可以根据你自己的需要进行设置。

上面修改后的完整源代码如下:

<table align=center><tr><td><table border="0〃 align="left"style="margin-left:30px"><tr><td>

<a href="http://www.xxx.com" target='_blank'><img src="http://xxx.com/name.gif&type=gif" ></a></td></tr></table></td><td><table border="0〃 align="left"

><tr><td>

<a href="http://www.xxx.com" target='_blank'><img src="http://xxx.com/name.gif&type=gif" style="margin-left:30px"></a>

</td></tr></table></td></tr></table>

亲,这个答案是可以的,不过有一点需要说明的是,两张图片家里来的宽度不能超过设定的页面宽度,比如说你的页面宽度为980像素,那么你的两张图片的宽度就不能超过980,否则就不能。

图片并排列

需要补充的是如果图片超出了最大的范围,可以使用img的属性设置宽度来使图片同一行排列。

一、是用表格元素,对每张图片进行定位。

<table><tr>

<td><img src=pic1.jpg border=0></td>

<td><img src=pic2.jpg border=0></td>

</tr></table>

二、使用有序列表<li></li>列表,通过自定义样式实现多元素同行显示。

css样式定义每个<li>在父元素宽度上做整除,即可同行显示所有元素。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6311141.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存