CSS技巧和经验列表
2024-08-22 12:58:59
如何清除图片下方出现几像素的空白间隙?
img{display:block;}
如何让文本垂直对齐文本输入框?
input{vertical-align:middle;}
如何使文本溢出边界显示为省略号?
#test{width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
如何容器透明,内容不透明?
.outer{width:200px;height:200px;background:#000;filter:alpha(opacity=20);opacity:.2;}
如何区别display:none与visibility:hidden?
相同的是display:none与visibility:hidden都可以用来隐藏某个元素; 不同的是display:none在隐藏元素的时候,将其占位空间也去掉;而visibility:hidden只是隐藏了内容而已,其占位空间仍然保留。
如何解决IE7及更早浏览器下当li中出现2个或以上的浮动时,li之间产生的空白间隙的BUG?
li{vertical-align:top;}
如何解决按钮在IE7及更早浏览器下随着value增多两边留白也随着增加的问题?
input,button{overflow:visible;}
如何解决Chrome在应用transition时页面闪动的问题?
-webkit-transform-style:preserve-3d;或-webkit-backface-visibility:hidden;
如何在IE6及更早浏览器中定义小高度的容器?
#test{overflow:hidden;height:1px;font-size:0;line-height:0;}
为什么Standard mode下IE无法设置滚动条的颜色?
html{
scrollbar-3dlight-color:#;
scrollbar-darkshadow-color:#;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#eee;
scrollbar-arrow-color:#;
scrollbar-face-color:#ddd;
scrollbar-track-color:#eee;
scrollbar-base-color:#ddd;
}
将原来设置在body上的滚动条颜色样式定义到html标签选择符上即可
如何让已知高度的容器在页面中水平垂直居中?
#test{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;}
如何让未知尺寸的图片在已知宽高的容器内水平垂直居中?
#test{display:table-cell;*display:block;*position:relative;width:200px;height:200px;text-align:center;vertical-align:middle;}
#test p{*position:absolute;*top:50%;*left:50%;margin:0;}
#test p img{*position:relative;*top:-50%;*left:-50%;vertical-align:middle;}
如何使页面文本行距始终保持为n倍字体大小的基调?
body{line-height:n;}
最新文章
- 理解OVER子句
- C语言SOCKET编程指南
- js隐藏div和class
- Spring----->;projects----->;Spring Boot
- express再学习
- asp.net 微信企业号办公系统-流程设计--流程步骤设置-按钮设置
- myeclipse10安装egit和使用
- ng表单验证,提交以后才显示错误
- RBAC 基于角色的权限管理的简单实现
- Linux 基础(3)
- html2canvas页面截图图片不显示
- 转每天一个linux命令(2):cd命令
- Elastic-Job——分布式定时任务框架
- Dynamics CRM2015 The plug-in type does not exist in the specified assembly问题的解决方法
- [Swift]LeetCode24. 两两交换链表中的节点 | Swap Nodes in Pairs
- 微信小程序入门(六)
- jdk和jvm基本介绍
- python 09
- 关于vue2.0 cnpm 镜像安装
- 对扫描的pdf文件生成目录