css
_global_active
这个作者很懒,什么都没留下…
展开
-
textarea多行文本框高度自适应
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <textarea onpropertychange="this.style.height=this.scrollHeight+'px'" oninput="this.style.height=this.scrollHei.原创 2020-05-21 16:09:16 · 857 阅读 · 0 评论 -
各浏览器兼容
1,首先按 浏览器兼容这篇调整,注意各种写法的顺序2,实在调试不行,那就使用条件注释<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endi...原创 2020-04-14 12:16:39 · 157 阅读 · 0 评论 -
CSS选择第奇数或偶数的元素
:nth-of-type(odd){} 奇数行 :nth-of-type(even){} 偶数行原创 2020-03-26 13:41:16 · 1352 阅读 · 0 评论 -
CSS实现div内文字显示两行,超出两行部分省略号显示
在搭建前台文章列表中,需要实现div内文字显示两行,超出的则省略号显示。找了很多,都貌似只能一行显示。最后在百度知道找到答案。答案转自百度知道,题主的自答。用的是-webkit-私有属性。text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-b...原创 2020-02-20 09:03:53 · 1113 阅读 · 0 评论 -
浏览器
<style type="text/css"> img { width: 300px; >width: 100px;/*IE5*/ } </style><html> <head> <style type="text/css"> img { /*width:原创 2018-07-13 16:06:43 · 181 阅读 · 0 评论 -
字母不换行
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于:1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该行末端为conra(congratulation的前端部分),下一行为t...转载 2018-04-23 11:19:30 · 911 阅读 · 0 评论 -
box-shadow兼容IE8浏览器写法
-moz-box-shadow:3px 5px 5px #969696;-webkit-box-shadow:3px 5px 5px #969696;box-shadow:3px 5px 5px #969696;filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9);...原创 2018-03-14 14:31:08 · 1029 阅读 · 0 评论 -
IE10/11不支持条件性注释的3个解决方法
针对IE的条件性注释(Conditional comments)是专门给IE浏览器准备的,其它浏览器根本不能识别这种标记。使用条件性注释可以区别对待的针对浏览器编写CSS等代码。<!--[if IE]><link href="ie.css" rel="stylesheet"><![endif]--><!--[if IE6]><style typ转载 2018-03-12 10:31:21 · 3536 阅读 · 0 评论 -
z-index层级无效
最近在写一个小项目,遇到很多小细节的问题,果然还是要实战才能知道自己的不足之处啊~回归正题,我在一个div明明设置了属性z-index,但是为什么在网页上显示无效呢?首先排除设置的层级不够的问题;然后我就去 W3School 查询了才知道问题所在。 先来看官方给的定义的用法:z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注释:元素可拥有负的 z...转载 2018-03-12 10:31:57 · 228 阅读 · 0 评论