css3
夜轩14
这个作者很懒,什么都没留下…
展开
-
按钮文字间隔居中
两个文字居中使用:first-letter<style>.button{width:100px;height:44px;text-align:center;line-height:44px;}.button:first-letter{margin-right:20px;}<style><button class="button">按钮<button>注 关于:first-letter,简单来说需求某元素第一行的第一个字符多原创 2022-02-17 16:52:08 · 728 阅读 · 0 评论 -
CSS3四个自适应关键字——fill-available、max-content、min-content、fit-conten
前面的话 一般地,有两种自适应:撑满空闲空间与收缩到内容尺寸。CSS3将这两种情况分别定义为’fill-availabel’和’fit-content’。除此之外 ,还新增了更细粒度的’min-content’和’max-content’。这四个关键字可用于设置宽高属性。本文将详细介绍CSS3中的这四个自适应关键字 [注意]IE浏览器不支持,webkit内核浏览器需添加-webkit-前...转载 2018-08-08 10:20:02 · 874 阅读 · 0 评论 -
关于-webkit-focus-ring-color
a:hover,a:focus { color: #2a6496; text-decoration: underline;}a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}所以,当鼠标悬停在链接上,或者点击过...原创 2018-10-19 11:56:21 · 3506 阅读 · 1 评论 -
文本溢出效果
文本溢出效果项目中有些段落内容不需要完全显示,但还要可以显示出来,多余内容隐藏中通过…显示,可以通过css或者js控制字数显示。一、css3文本溢出效果(1)单行文本溢出效果 .text{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap }(2)多行文本溢出 ....原创 2019-03-05 17:11:43 · 320 阅读 · 0 评论