CSS
EagleMaze
http://blog.sbot.io
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Sticky Footer - 让footer永远置于页面最底端
我们常常需要把footer放置在页面的最低端,那么如果页面的内容高度不够,footer并不会自动置于底端。我们需要进行自定义CSS:html { min-height: 100%; /* 非常重要 */ position: relative; }body { /* Margin bottom by footer height */ margin-bottom: 80p原创 2017-07-12 15:39:13 · 1577 阅读 · 0 评论 -
CSS 单边 inner box shadow
CSS3的box-shadow效果,想来大家可能并不陌生,但是一般我们用向外的shadow效果比较多,如果希望得到向内部的阴影效果,怎么实现呢?很容易,就是加上inset:.side-shadow { -webkit-box-shadow: inset 0 -3px 10px -3px #666666; -moz-box-shadow: inset 0 -3px 10px -3原创 2017-07-14 14:25:14 · 1419 阅读 · 0 评论 -
CSS 隐藏文章标题过长部分
对于CMS来说,经常遇到的一个问题就是文章的标题有时候过长,需要我们隐藏多余的部分,并以类似...的方式表示只显示了部分文字。那么通常实现的办法可以在动态调取文章标题时,使用substr函数:substr($post_title, 0, 55);当然,substr只针对于单字符文字,若是像中文这种多字符文字(multi-byte string),我们需要使用mb_substr($post_title原创 2017-08-22 10:54:17 · 1366 阅读 · 0 评论 -
Bootstrap 4 如何自定义表格列宽度
2018-03-28 更新: Bootstrap还处于Beta目前已经发布了4.0正式版本仍然有不少bug存在,不过这并不影响大多数情况下的使用。今天我们要一起来看一下如何使用Bootstrap 4来自定义表格的列宽度。 注意,以下的示例会使用到row,col等一系列class来完成表格宽度的自定义,所以如果觉得麻烦,也可以直接自定义css,不过这就不属于我们的讨论范围了。 好了,那我们开始...原创 2017-04-12 12:20:41 · 37462 阅读 · 0 评论 -
Vuejs使用scoped style为v-html中标签添加CSS样式
在Vue组件中,我们可以使用标签来添加针对该组件的CSS样式。 template> div class="foo"> div v-html="myHtml">div> div> template> style scoped> .foo { height: 300px; } style> 而如果在组件中使用了v-html,要为myHtml中的标签添加CSS原创 2018-02-07 11:14:12 · 6968 阅读 · 0 评论
分享