最近面试的问题，分享一下给大家，最然很简单
近期找工作有一些值得记录的问题，记录一下，以后再有问题都记录在此贴中，下面开始：
1.不确定图片的宽度和高度来让图片垂直居中
方案:此处分IE和非IE
<div class="pic">
<img src="img/img.png" />
</div>
非IE下解决方案：
.pic{width:200px;height:200px;display:table-cell;vertical-align:middle;text-align:center;} //只要把display设置成表格的显示方式即：display：table-cell；然后vertical-align：middle；即可
IE下解决方案：
.pic{width:200px;height:200px;display:table-cell;vertical-align:middle;text-align:center; *font-size：200*0.873=175px（font-size的大小是用容器的高度值乘以系数0.873得出）
设置完上面后再给img一个vertical-align:middle;
注：如果你的页面编码不是UTF-8，那么请加上*font-family:Arial;防止非utf-8引起的hack失效问题，如gbk编码
最终css如下：
<style>
.pic{
width:200px; height:500px;border:1px solid #F00;display:table-cell; vertical-align:middle; text-align:center; *font-size:437px;
/*用高度乘以系数0.873*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ }
.pic img{
vertical-align:middle;
}
</style>
2.如何判断checkbox是否是选中状态
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
<title></title>
</head>
<body>
<input type="checkbox" name="" id="box" value="" />
<input type="button" name="" id="but" value="查看选中状态" />
<script type="text/javascript">
$(function(){
$("#but").on("click",function(){
if($("#box").is(":checked")){
alert('选中状态');
}else{
alert('没有选中');
}
});
});
</script>
</body>
</html>
3.也是之前最常问的一个问题，如何解决IE6下双边距的问题，其实这个问题很简单，如果你编程经验超过2年，你应该会解决这个问题，因为那时候还需要兼容IE6 7 8，不过现在已经被抛弃了，兼容到IE8即可，但是这个双边距的问题还是时常有问到的，下面将介绍两种办法来解决，再说下这个双边距的由来，当你设置了float：left;的时候再设置margin-left:1px;这时候你会发现产生双边距了，很无耻的IE是吧，同样right也是如此
第一种：直接设置display: inline;即可去掉双边距地烦恼
第二种：直接设置下划线来解决，因为IE识别就够了_margin-left:0.5px；这样给他缩小一半，也不会产生双边距了
虽然这些都很基础，但是也是需要大家记住的，尤其是问题1和问题2在日常开发是经常遇到的，所以我们必须学会处理它，以后再有值得关注的，我会继续发下来记录的
