[置顶] 文字垂直居中对齐
摘要： 最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。在很多网站涉及到表单的页面中，都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题。首先，搜索到了蓝色上wheatlee前辈的文章《大家都对vertical-align的各说各话》。wheatlee在他的文章中关于垂直居中提到了这样几个关键点：1、vertical-align:midd 阅读全文
posted @ 2013-01-20 09:09 赖伟东 阅读(884) 评论(0) 推荐(0)
[置顶] IE WebBrowser控件 打印
摘要： 最近发现在做打印时，需要去除打印页面的“页头”和“页眉”，在网上搜了下，结果搜出了一大堆都是用IE的控件，尝试了多种方法，还是觉得IE的WebBrowser控件好用，而且相对客户来说简单明了，但是他总是会跳出，我刚刚尝试了，不管你是选择“是”或者“否”，在IE的浏览器下都能做到去除“页眉”和“页脚”，这个窗口的跳出给用户体验很不好，不知道你们的会不会，握在QQ邮箱里打印发现在IE下，居然不会弹出，究竟是如何屏蔽掉的呢，正在查找答案中。。。。。。。。会的同学发送709556550@qq.com但是用IEIE WebBrowser控件在火狐下是现实不了，在“猎豹”中能完美的清除，但是在“360急速 阅读全文
posted @ 2013-01-17 14:55 赖伟东 阅读(2394) 评论(11) 推荐(1)
[置顶] wed的各种前端打印方法（2）
摘要： JQery打印插件PrintArea实现网页打印：第一步：jquery.PrintArea.js下载js引用1 <script language="javascript" src="jquery-1.7.1.min.js"></script> 2 <script type="text/javascript" src="jquery.PrintArea.js"></script>html引用：1 <div class="my_show"> 阅读全文
posted @ 2013-01-09 11:53 赖伟东 阅读(507) 评论(0) 推荐(0)
[置顶] wed的各种前端打印方法
摘要： 这篇是我的第一篇菜鸟笔记，希望大家能多多支持，共创互联网精彩。wed的打印方法具我自己懂得知道的有J：1JQuery插件Jqprint实现 2 JQery打印插件PrintArea实现网页打印 3 CSS控制网页打印样式JQuery插件Jqprint实现： 首先要导入js文件： jquery.jqprint.js下载1 <script language="javascript" src="jquery-1.7.1.min.js"></script>2 <script language="java... 阅读全文
posted @ 2013-01-09 11:36 赖伟东 阅读(1235) 评论(0) 推荐(0)
2013年3月15日
六种实现元素水平居中
摘要： 居中效果在CSS中很是普通的效果，平时大家所看到的居中效果主要分为三大类：水平居中、垂直居中和水平垂直居中。而其中水平居中相对于后两者来说要简单得多。早期总结了一下互联网上有关于水平垂直居中的几种实现方案，比如说《CSS制作水平垂直居中对齐》中介绍了八中实现水平垂直的方案，而在《CSS制作图片水平垂直居中》一文介绍了四种实现图片垂直居中的方案，并且在《CSS3实现水平垂直居中》使用了css3的flexbox的属性轻松实现多行文本水平垂直居中的方法。当然大家有可能认为这些方法对于浏览嘎嘎的兼容性处理太烦了，也有人使用jQuery的方法实现水平垂直居中效果，比如在《jQuery制作元素在屏幕中水平 阅读全文
posted @ 2013-03-15 13:19 赖伟东 阅读(634) 评论(2) 推荐(3)
2013年3月9日
复选框，单选款对齐
摘要： .test{vertical-align:-2px;}我的理解为，元素相对于基线向下偏移两像素，这个常常用来修复单选框/复选框与12像素文字大小不对齐的问题。 阅读全文
posted @ 2013-03-09 11:41 赖伟东 阅读(174) 评论(0) 推荐(0)
2013年3月8日
IE6 IE7(Q) IE8(Q) 不支持固定定位（position:fixed）
摘要： 标准参考根据 W3C CSS2.1 规范中的描述，position:fixed 固定定位是绝对定位的子类。与绝对定位不同的是，固定定位的包含块由视口（viewport）创建的。'position' 特性的 fixed 值允许一个元素绝对的相对于浏览器窗口定位。关于 'position:fixed' 的详细信息，请参考 CSS 2.1 规范 9.6.1 Fixed positioning 中的内容。在 CSS 1 版中，没有 position 定位特性，仅支持 CSS 1 的浏览器将不会拥有人和定位效果。问题描述IE6 IE7(Q) IE8(Q) 不支持固定定位（ 阅读全文
posted @ 2013-03-08 15:16 赖伟东 阅读(582) 评论(0) 推荐(0)
2013年3月3日
line-height 详解，及个别问题
摘要： 在前端开发中经常用line-height定义行高和单行文本的垂直居中，当然偶尔也配合的做其他的垂直居中。 先来看看基本的语法和属性值：语法：line-height : normal | number | length | %参数：normal 默认。设置合理的行间距。 number 设置数字，此数字会与当前的字体尺寸相乘来设置行间距。 length 设置固定的行间距。 % 基于当前字体尺寸的百分比行间距。说明：检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。 如行内包含多个对象，则应用最大行高。此时行高不可为负值。 对应的脚本特性为lineHeight。—————————————— 阅读全文
posted @ 2013-03-03 22:00 赖伟东 阅读(1109) 评论(0) 推荐(0)
clearfix
摘要： .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;} /* IE < 8 */其实只使用clearfix:after就可以达到清除浮动的效果，但只使用clearfix:after时在跨浏览器兼容问题会存在一个垂直边距叠加的bug，具体造成这种原因，大家可以浏览Thierry Koblentz写得《Every... 阅读全文
posted @ 2013-03-03 16:35 赖伟东 阅读(421) 评论(0) 推荐(0)
2013年3月2日
负margin笔记
摘要： 这两天看了个负margin的东西，觉得自己很多想不通，下面是一个通过别人的例子，当做自己的笔记，够懒得。结构如下：<div style="width:500px; margin:0 auto; border:solid 1px #f3f4ec;"> <div style="width:100%; height:40px; background-color:#eaf691; float:left;"></div> <div style="width:100px; height:30px; float:le 阅读全文
posted @ 2013-03-02 23:07 赖伟东 阅读(411) 评论(0) 推荐(0)
2013年3月1日
IE6、IE7下绝对定位position:absolute和margin的冲突bug解决方法
摘要： 首先我们来看一个代码：<div id=”layer1″ style=”margin:20px; border:1px solid #F88; width:400px; “> <div id=”layer2″ style=”position:absolute; background-color:#ccc;”>Absolute (layer2)</div> <div id=”layer3″ style=”margin:30px auto; width:200px; height:80px; background-color:#36F;”>Normal 阅读全文
posted @ 2013-03-01 09:39 赖伟东 阅读(202) 评论(0) 推荐(0)
2013年1月20日
IE渐变
摘要： IE实现页面背景渐变（FF及chrome不支持）从上到下：body{filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);}左上至右下：FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100); background-color: skyblue;}从左至右body{FILTER: progid: 阅读全文
posted @ 2013-01-20 16:45 赖伟东 阅读(155) 评论(0) 推荐(0)
下一页