zoukankan      html  css  js  c++  java
  • HTML中图片位置及大小的控制

    经过一些思考和突发奇想,我发现有些时候,在HTML中,如果将三张图片放在一行,那么如果将网页缩小,还会在一行吗。

    现在有两种方法:

    (1)用table

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

    这种用法可以有效地使几张图片放在一行,要是缩小页面,将会有移动的框出现,图片大小不变,但是仍然在一行。

    (2)用比例

    我们可以设置图片的比例,

    比如:width=”60%”,这和上面的结果不同,图片会随着窗口的大小变化而变化。而如果用width=”600px”,那么如果图片大于窗口大小,其他图片就可能不在这一行了。
    比如:
    <center>
    <img src="http://d.hiphotos.baidu.com/zhidao/pic/item/8b82b9014a90f603f0b9295d3b12b31bb051ed9b.jpg" width="10%" height="10%" />
    <img src="http://pic45.nipic.com/20140803/10622095_184333388101_2.jpg"usemap="#Map"width="60%">
    <map name="Map">
    <area shape="rect" coords="442,155,825,337" href="http://www.baidu.com">
    <area shape="circle" coords="248,440,162" href="0005.html">
    <area shape="poly" coords="886,76,884,76,894,85,885,74,883,73,883,73" href="#">
    <area shape="poly" coords="883,76,954,63,945,140,899,139,909,147,892,135,891,130,886,121" href="about:cehome?from=extra_start">
    </map>
    <img src="http://d.hiphotos.baidu.com/zhidao/pic/item/8b82b9014a90f603f0b9295d3b12b31bb051ed9b.jpg" width="10%" height="10%" />
    </center>



    欢迎大家加入QQ群一起交流讨论,「吟游」程序人生——YinyouPoet

  • 相关阅读:
    VS2010 VC Project的default Include设置
    Linux 下的编辑/编译器
    用命令实现Win7远程桌面关机和重启
    怎样快速刪除Word中超链接?
    chrome浏览器世界之窗浏览器的收藏夹在哪?
    代码量查找工具[最好用的]
    C项目实践--网络协议和套接字编程
    memmove 和 memcopy
    bzoj2456: mode
    bzoj1205: [HNOI2005]星际贸易
  • 原文地址:https://www.cnblogs.com/yinyoupoet/p/13287602.html
Copyright © 2011-2022 走看看