目录

hymn

忽有故人心头过,回首山河已是秋。

标签: css (5)

div 中子元素水平,垂直居中 有更新!

<div id="box">test vertical align</div> #box { width: 300px; height: 300px; background: #ddd; display: flex; align-items: center;/*垂直居中*/ justify-content: center;/*水平居中*/ } 使用flex布局 display: flex; align-items: center;

css 按比例缩放不变形

img{ width:auto; height:auto; max-width:100%; max-height:100%; }

css设置当字数超过限制后以省略号(...)显示

文字超出一行,省略超出部分,显示'...' 用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 多行文本溢出显示省略号 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; 注: ①-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他的WebKit属性。常见结合属性: ②display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。 ③-webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式

CSS实现锚点跳转位置上下偏移

CSS实现锚点跳转位置上下偏移,顶部导航拦住内容

css 中position:sticky 用法

position sticky解决div随着页面滑动固定在页面顶部