![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
yang295242361
一个码农
展开
-
使用text-overflow:ellipsis实现溢出文本省略号显示无需js
即设置样式 style="text-overflow:ellipsis; white-space: nowrap; overflow: hidden;" 后测试成功 相比js方式不仅简便了许多而且会根据元素的宽度自适应 IE 8+,chrome 30,火狐26,测试通过.bulletin-wrapper{ padding: 0 22px 0 12px white-space: nowrap...转载 2018-03-07 17:05:28 · 247 阅读 · 0 评论 -
CSS布局中的sticky footers布局
举个栗子: 你在做一个类似博客的页面,由于数据有很多条,需要做一个分页固定在底部居中。 这个听上去so esay,似乎只需要display:fixed就可以解决问题了。 可是事实上,当数据较多时,脱离标准流的分页栏会覆盖在一条条的数据上面。 所以,我们的真正的需求应该是,当数据较少时,我们的分页栏固定在页面底部居中 当数据足够多,超过一页时,我们的分页栏应该乖乖在底部居...原创 2018-03-08 16:15:32 · 269 阅读 · 0 评论 -
垂直居中( dispaly:talbe )最好的布局
内容垂直居中,且内容可以是多行<div style="display:talbe"> <div style="display:talbe-cell;vertical-align:middle;width:50px;"></div></div>原创 2018-03-12 10:25:28 · 216 阅读 · 0 评论