CSS 去除图片上下的间距或者间隙

<div class="padding-10p width-100 goodDetail ng-binding" ng-bind-html="product.content"><img src="http://7xj380.com1.z0.glb.clouddn.com/2015-07-01_559343018a484.jpg" width="100%"><img src="http://7xj380.com1.z0.glb.clouddn.com/2015-07-01_55934301e1e14.jpg" width="100%"><img src="http://7xj380.com1.z0.glb.clouddn.com/2015-07-01_559343033d547.jpg" width="100%"><img src="http://7xj380.com1.z0.glb.clouddn.com/2015-07-01_5593430440bf8.jpg" width="100%"><img src="http://7xj380.com1.z0.glb.clouddn.com/2015-07-01_55934305a730b.jpg" width="100%"><img src="http://7xj380.com1.z0.glb.clouddn.com/2015-07-01_55934306b239d.jpg" width="100%"><img src="http://7xj380.com1.z0.glb.clouddn.com/2015-07-01_55934307f294f.jpg" width="100%"><img src="http://7xj380.com1.z0.glb.clouddn.com/2015-07-01_55934308d3b90.jpg" width="100%"><img src="http://7xj380.com1.z0.glb.clouddn.com/2015-07-01_55934309d7242.jpg" width="100%"><img src="http://7xj380.com1.z0.glb.clouddn.com/2015-07-01_5593430b32974.jpg" width="100%"></div>

以上图片上下存在缝隙，可利用 ：

style="vertical-align : bottom"  使得图片上下的边距去除。

时间： 2024-09-29 20:46:37

CSS 去除图片上下的间距或者间隙的相关文章

CSS - 去除图片img底侧空白缝隙

1. 图片底部有空隙 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> img { /* vertical-align: middle;*/ /* display: block;*/ } div { border: 2px solid red;

前端技术之CSS实现图片垂直居中

前端技术之CSS实现图片垂直居中技术 maybe yes 发表于2015-03-14 18:52 原文链接 : http://blog.lmlphp.com/archives/86/The_front-end_technology_pure_CSS_to_achieve_image_vertically  来自 : LMLPHP后院 让 图片实现水平居中比较简单,只需要在父级容器中添加属性 text-align 为 center 即可.使用纯 CSS 实现图片的垂直居中,可以将图片包裹容器的 d

PHP 简易读取文件目录下的文件，生成css spirte图片

因为个人不是对PS熟悉,不清楚如何在PS中生成一张横向有序的spirte图片,使用了"css sprite V4.3"版本,生成的图片会出现压缩图片大小的情况,本想修改原作者开发的程序,但是不懂C#,只好使用PHP gd库进行生成css spirte图片. 1 <?php 2 header("Content-type: image/png"); 3 $path = "output";//建议这个文件目录下放入所有需要生成css spirte

如何设置按钮图片的上间距和下间距

(1) html <button id="btn_OrderTime" type="button" class="btn btn-mini btn-img" onclick="orderByOrderTime()"> 收藏时间 <i class="icon-down"></i> </button> css <style> /*background:

&lt;转载&gt;使CSS文字图片div元素居中方法之水平居中的几个方法

文字居中,文字垂直居中水平居中,图片居中,图片水平居中垂直居中,块元素垂直居中?当我们在做前端开发是时候关于css居中的问题是很常见的.情 况有很多种,不同的情况又有不同的解决方式.水平居中的方式解决的时候相对来说通过css比较容易设置,垂直居中相对比较棘手. 先来说一下水平居中的不同情况与不同解决方法吧. 1文本,图片等行内元素的水平居中方法呢比较简单.直接给父元素设置一个text-align:centent属性就可以实现元素的水平居中了. 2 确定宽度的块级元素水平居中怎么设置呢?设置方法也

【javascript/css】Javascript+Css实现图片滑动浏览效果

今天用js+css来做一个能够左右滑动的图片浏览效果. 首先写一个结构,包括需要浏览的两张图,以及能够点击来滑动图片的两个按钮. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 5 <script type="text/javascrip

css 背景图片拉伸[转]

http://www.jeasyuicn.com/css-background-image-stretching.html background-image:url(bg.png); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -moz-border-image: url(bg.png)

&lt;转载&gt;CSS解决图片过大撑破DIV的方法

DIV+CSS网页内容中如果插入大于DIV层宽度显示,过大的图片将会撑破网页宽度显示从而网页严重变形,您是否遇到过?这里DIVCSS5给大家介绍几种解决图片撑破撑开网页DIV层方法. 图片撑破宽度解决方法.CSS设置div层宽度图片大于设置div宽度后撑破div固定宽度解决方法方案,隐藏图片超出撑破宽度方法. 一.防止图片撑破DIV方法一 原始处理方法是将要展示的图片进行处理.比如你的DIV宽度为500px(像素),那你上传的图片或放入网页的图片宽度就要小于500px,也就是你图片需要图片软件剪

CSS背景图片定位

原文:CSS背景图片定位 在网页开发中我们经常需要对图片进行分割(如下图)来使用,而不是分别提供单独的图片来调用,常见的如页面背景,按钮图标等,这样做的好处就是减少请求次数,节省时间和带宽. 对背景图片的定位就需要用到CSS中的background样式,如: div{ background-image: url("1234.png"); background-repeat: no-repeat; background-position: 0px -100px; } 属性解释: back