css
关注
分享
扫一扫
LittleLeeZi
这个作者很懒，什么都没留下…
展开
-
IE下margin:0 auto不居中解决方法
正常情况下需要将div居中显示时，使用Css样式:margin:0 auto即可，但有时使用margin:0 auto后在FF、Chrome里能居中，而在IE678里不居中的现象。如下代码:#con{width:980px;martin:0 auto;}margin: 0 auto 内容居中显示解决方法一可以是对网页主体声明文本居中，即body{text-ali转载 2014-02-09 14:54:24 · 1438 阅读 · 0 评论 -
CSS3中的前缀
CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。看看都有哪些前缀：-webkit Webkit内核(Chrome/Safari)-moz Gecko内核(火狐浏览器)-ms Trident内核(IE浏览器)-o Presto内核(Opera)转载 2014-02-11 12:22:39 · 1191 阅读 · 0 评论 -
关于调整input里面的输入光标大小
在项目里碰到过一个问题input输入框用一个背景图模拟，设置height和line-height一样的高度，使里面的输入文字能够居中， 在FF下出现的情况是：点击input时，输入光标其实上跟input的height一样高，但当开始输入文字时，光标又变得跟文字一样高， chrome下光标跟input的height一样高， 而IE下光标跟文字的大小一致。初步原创 2014-03-12 16:00:21 · 2676 阅读 · 0 评论 -
解决低版本ie下li:hover不支持的问题
说到:hover有人用的解决办法可能第一反应就是去网上找相关的JS来代替hover，其实有个超级简单的方法，就是在LI标记里加一个A标记，然后定义这个A标记为display:block即可，然后就可以把这个A标记宽高设置和LI一样，这样就很兼容IE6了，演示代码如下：栏目一栏目二栏目三当然了，还有其他别的方法，连代码都不用写，只需引用一个文件就行：csshover.htc（转载 2014-04-14 15:21:42 · 2664 阅读 · 0 评论 -
伪元素:after和:before
::after是一个CSS伪元素，使用::after，你可以从CSS里往页面上新增内容(不再要在HTML里有相应的东西)。虽然最终生成的东西并不是真正的DOM里的内容，但这些内容能像普通内容一样显示，基本的效果是这样的:CSS代码div::after { content: "你好";}HTML代码div> 你好div>::before跟::afte转载 2014-06-03 09:01:07 · 918 阅读 · 0 评论 -
js和css判断屏幕方向
方法一：用触发手机的横屏和竖屏之间的切换的事件window.addEventListener("orientationchange", function() { // 宣布新方向的数值 alert(window.orientation);}, false);// 方法二：监听调整大小的改变window.addEventList转载 2014-06-26 11:13:54 · 951 阅读 · 0 评论 -
vertical-align垂直居中
本文转自：http://www.webhek.com/vertical-align/各种技术论坛里经常会有这样的问题提出，“我如何能将这个东西竖向居中？”这个问题通常会跟随着这样一句话，“我使用了vertical-align:middle，但是不管用！ ”这个问题其实有三个层面的原因HTML布局通常都不是专门针对竖向呈现而设计的。这很自然，一般文字占宽会自动扩展转载 2014-05-23 15:38:42 · 1182 阅读 · 0 评论