关于图片边距和尺寸问题的几个实用方法
2016-08-11 00:25
316 查看
先说一下问题:
页面中有一个div,里面放一个图片,我们给图片一个宽高,div不给尺寸,这时,div的尺寸要比图片尺寸大出几个像素。
下面给出几种解决办法:
1 :给外层同样也设置一个固定的尺寸,尺寸和img的一样,可以解决该问题;
2:给图片或者div添加vertical-align:top;
3:给div设置font-size:0;
4:给图片添加display:block;
对于第三种方法还有一个常见的应用:
一个form表单中,左侧一个type为text的输入框,右侧是一个提交按钮,通常情况下两个标签是不对齐的,中间会有个距离;
我们可以给form标签添加一个font-size:0;来解决。
页面中有一个div,里面放一个图片,我们给图片一个宽高,div不给尺寸,这时,div的尺寸要比图片尺寸大出几个像素。
下面给出几种解决办法:
1 :给外层同样也设置一个固定的尺寸,尺寸和img的一样,可以解决该问题;
2:给图片或者div添加vertical-align:top;
3:给div设置font-size:0;
4:给图片添加display:block;
对于第三种方法还有一个常见的应用:
一个form表单中,左侧一个type为text的输入框,右侧是一个提交按钮,通常情况下两个标签是不对齐的,中间会有个距离;
我们可以给form标签添加一个font-size:0;来解决。
相关文章推荐
- 【原创】关于html+ashx开发中几个问题的解决方法
- 关于cdo的方法生成mht文件后,图片没有固化的问题???
- iOS开发笔记--关于设置UIView的背景为图片的方法以及问题
- 关于html+ashx开发中几个问题的解决方法
- 关于设置网站虚拟目录的几个问题解决方法
- 关于Firefox和IE下的CSS表现的几个问题和解决方法
- 关于图片资源在android2.1/2.2/2.3下无法显示的问题以及解决方法
- 关于html+ashx开发中几个问题的解决方法 (转)
- IOS开发:关于设置UIView的背景为图片的方法以及问题
- 关于ueditor 在struts2 中 上传图片 ,未找到上传文件 问题的解决方法
- 关于html+ashx开发中几个问题的解决方法【转】
- 关于EwebEeditor 不能上传图片问题解决方法
- 关于html+ashx开发中几个问题的解决方法
- 关于as3 加载图片最大尺寸的问题
- 在论坛中找到的几个关于Python的小问题的解决方法
- 关于html+ashx开发中几个问题的解决方法
- 关于XML解析的几个实用方法
- 关于“sony 笔记本改XP操作系统的方法”几个问题的回复
- java生成可执行文件方法及关于图片正确显示的问题
- 关于StringBuffer类中insert和append方法的几个小问题