最近的文章列表

为什么一个img在一个div里有额外的空间 怎么让div自适应图片的高度

问题:默认样式下,div包裹img。div的高度会高于img的高度,这是什么原因呢?是浏览器就是这么渲染的,还是图片的某个样式属性的作用呢?除了通常设置图片display:block外,还有别的方法让div的高度自适应图片的高度吗?

代码图如下:

 

...
2013/6/24 Comments:
指定IE的文档兼容模式 meta X-UA-Compatible EmulateIE7

先来看一下朋友网是怎么指定IE的文档模式的:

<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7, IE=9">
...

2013/4/10 Comments:
a标签中的label标签在IE下为什么没有触发a标签的href链接

先来看一段代码:

<a href="http://www.kuabaobao.com/" target="_blank">

     <span>挎包包</span> <!--IE or FF 下鼠标放上去是形状-->

     <label>kuabaobao</label> <!--FF 下鼠标放上去是形状; IE 下鼠标放上去是箭头形状-->

...
2013/1/12 Comments:
web标准—可用性、可维护性、可访问性

最近由于公司裁员,忙着在找工作,看到很多公司招聘《前端开发工程师》等类似职务,看了职务要求,比如:

职位要求

1、精通各种Web前端技术,包括XHTML/ XML/ CSS/ Javascript(JS或AS精通一种即可)等

2、习惯于手写符合W3C标准、兼容多种浏览器的前端页面代码

3、深刻理解Web标准,对可用性、可访问性等相关知识有实际的了解和实践经验 

...
2012/8/16 Comments:
chrome developer tool 调试技巧

这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异.

常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expressions 等就不涉及了.

...
2012/7/30 Comments:
select标签填充json无限分类以及创建optgroup项

下边是读取json填充select标签,因为分类是无限的,所以采用js的递归方法:

var json = { "parents": [ { "name": "餐饮", "childrens": [ { "name": "小吃", "childrens": [ { "name": "东北小吃" } ] }, { "name": "大吃" } ] }, { "name": "酒店" }, { "name": "度假村", "childrens": [{ "name": "海南" }, { "name":"三亚", "childrens": [] } ] } ] };

...
2012/7/30 Comments:
Open Graph Protocol(开放内容协议) Meta Property标签的应用
前一阵子在分析竞争对手时,看到某个英文外贸B2C页面<head>代码中有一段:   <meta property="og:title" content="**&rsquo;s Facebook" />   <meta property="og:type" content="product"/>    <meta property="og:url" content="http://www.******.com" />    <meta property="og:image" content=&q
2012/2/24 Comments:
不常用的 META标签值解说 meta http-equiv
<meta http-equiv="Content-Language" c /> <meta http-equiv="imagetoolbar" c /><meta name="MSSmartTagsPreventParsing" c /> <meta name="description" c /><meta name="keywords" c /> <meta name="author" c />1.第一个是文档语言,用来声明是文档时什么样的语言,比如,中文(gb2312)2.IE图像工具栏和XP主题
2012/2/24 Comments:
meta http-equiv="X-UA-Compatible" content="IE=7"

X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模式。目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:<meta http-equiv="X-UA-Compatible"

2012/2/2 Comments:
解决IE6下DIV无法实现1px高度问题
本文和大家重点讨论一下IE6.0下DIV不能实现1px高度的几种解决方法,高度为1px的DIV在IE6里不管用,因为IE6中的DIV默认有个最小字体高度,DIV的最小高度就是这个高度,即使设置了height:1px,DIV显示出来的高度也不是1像素。IE6.0下DIV不能实现1px高度的几种解决方法在设计网页时,有时我们需要一个1px高度的细线,但IE6有个bug,高度为1px的DIV在IE6里不管用。这是因为IE6中的DIV默认有个最小字体高度,DIV的最小高度就是这个高度,即使设置了height:1px,DIV显示出来的高度也不是1像素。解决方法有如下几种:◆1,网上都说多加一个font-size=0px;的属性可以实现.以下为引用的内容: <styletypestyletype=
2012/2/2 Comments: