CSS解决图片下面有空隙的简单方法

2016-02-19 22:12 53 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享CSS解决图片下面有空隙的简单方法,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - Web开发 】

  在用CSS制作网页过程中可能会碰到图片下面有空隙的问题,本文给出了最为简单的解决方法。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  解决方法:在图片的css中加 vertical-align:bottom; 效果


      

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  演示代码: 

  !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
  html xmlns="http://www.w3.org/1999/xhtml"
  head
  meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
  title解决图片下有空隙/title
  /head
  body
  style
  *{margin:0px;padding:0px;}
  #l1 {float:left;background:#000;padding:20px;margin:50px;}
  #l1 ul li {list-style:none;}
  #l1 ul li img {vertical-align:bottom; display:block;}
  /style
  div id="l1"
   ul
    liimg src="图片地址1" //li
    liimg src="图片地址2" //li
    liimg src="图片地址3" //li
    liimg src="图片地址4" //li
   /ul
  /div
  /body
  /html

来源:http://www.tulaoshi.com/n/20160219/1627912.html

延伸阅读
小狗折纸的简单方法 准备材料:正方形卡纸、马克笔 第一步:首先将准备好的正方形卡纸放在桌面上呈三角对折。 第二步:然后将折好的三角形底边右边角往上方折叠一下。 第三步:然后将三角形左边的角也往上折一下,折的长度和右边一样。 第四步:将卡纸角度翻转一下,然后把底部的尖角往上折叠。 第五步:然后用准备好的...
标签: 美容 美容方法
    去雀斑的简单方法?研究发现,在面饼、酱料和奶酪中,都含有相当数量的盐分,常规大小的一角披萨含盐量就可能达到600毫克。因此,专家建议选择蔬菜多的披萨饼,每餐别超过两角,避免经常食用。     此外,面包、冷切肉等食物中也含有高量的盐。其中,90克冷切肉(约3片)中就含有450毫克~1克钠盐;一片面包含盐量高达...
标签: 美容护肤 护肤
很多人认为过了青春期就不会长痘痘了,其实不是的呢。那么痘痘形成原因是什么呢?下面这些去痘痘的简单方法,便捷又快速祛痘,快来试试! 痘痘形成原因 1、内分泌失调 不合理的饮食习惯,来自生活、工作以及感情方面的压力以及生理期的来临,都会改变原本平衡的雌雄性激素分泌,雌激素和代谢会出现紊乱的现象,导致皮脂腺分泌旺盛,造成脸...
标签: SQLServer
经常看见有人问,MSSQL占用了太多的内存,而且还不断的增长;或者说已经设置了使用内存,可是它没有用到那么多,这是怎么一回事儿呢? 首先,我们来看看MSSQL是怎样使用内存的。 最大的开销一般是用于数据缓存,如果内存足够,它会把用过的数据和觉得你会用到的数据统统扔到内存中,直到内存不足的时候,才把命中率低的数据给清掉。所以一般...
标签: 生活常识
夏季驱蚊的简单方法   1、吃大蒜可有效驱蚊,因为蚊子不喜欢人体分泌出来的大蒜味。 2、口服维生素B、通过人体生理代谢后从汗液排出体外,会产生一种蚊子不敢接近的气味。服法为睡前一小时口服维生素B1~2片,但不要长期大量服用。 图老师阅读配图 3、穿黄色、模色、白色衣服在日常生活中,常见有些人经常挨蚊子咬,而...

经验教程

895

收藏

24
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部