![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
miss_June
这个作者很懒,什么都没留下…
展开
-
表格table的thead固定,tbody显示滚动条,滚动条不占位
在书写项目的时候,当给tbody加滚动条时由于滚动条会占位,总是出现表格边框不对齐有错位的效果呢,如下图 <table class="table_cell"> <div> <thead> <tr class="tr1"> <th>申请日期</th> <th>订单号<原创 2018-01-03 18:10:20 · 7033 阅读 · 1 评论 -
去掉最后一行的边框
去掉最后一行的底部边框原创 2018-08-02 15:09:12 · 1668 阅读 · 0 评论 -
word-wrap: break-word; 的使用
word-wrap: normal|break-word; 属性值: 例子:原创 2018-08-02 14:01:15 · 3266 阅读 · 0 评论 -
display:table-cell的作用列举
.parents{display:table} .son{display:table-cell;vertical-align: middle;}原创 2018-08-01 15:33:27 · 477 阅读 · 0 评论 -
display:box布局的详细介绍(图解)
使用display:-webkit-box布局很久了,但是每次使用的时候都是现用现查,而且发现网上没有找到一篇非常全面的关于此布局的介绍,今天决定写一篇博客来记录这个自适应布局。1、首先不同的浏览器要做不同的兼容:目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持,但可以使用它们的私有属性定义firefox(-moz)、opera(-0)、chrome/...原创 2018-08-01 11:12:17 · 20848 阅读 · 0 评论 -
详解 flex-grow 与 flex-shrink(通俗易懂)
详解 flex-grow 与 flex-shrink - 谢然的文章 - 知乎 https://zhuanlan.zhihu.com/p/24372279原创 2018-07-31 17:47:47 · 518 阅读 · 0 评论 -
顶部和底部固定高度,中间高度自适应的布局
html代码&lt;div id="all"&gt; &lt;div id="top"&gt;top&lt;/div&gt; &lt;div id="content"&gt;&lt;/div&gt;原创 2018-07-19 16:50:42 · 3464 阅读 · 1 评论 -
移动端出现滚动条(旁边出现黑点)
::-webkit-scrollbar{display: none;}原创 2018-07-05 17:24:58 · 810 阅读 · 1 评论 -
让span和img标签水平对齐
html代码<li> <span class="left_item">在线</span> <img class="right_item item_img" src="../../assets/admin/image/ztree_forbid.png" alt=""/></l原创 2018-06-06 14:46:39 · 14292 阅读 · 0 评论 -
关于文本输入框隐藏滚动条但是依旧可以滚动的问题
设置了一个高度自适应,有最大高度的textarea文本框,并且可以滚动,但是在移动端上总是会出现黑点,实际上是滚动条的问题,解决方法是在css样式上添加::-webkit-scrollbar{display: none;}属性之后,就实现了既可以滚动。滚动条又消失的效果。...原创 2018-04-27 14:07:30 · 2029 阅读 · 1 评论 -
导航条多个tab切换,实现筛选效果
实现该效果的核心是使用data-**的自定义属性 html导航条代码<ul class="tab"> <li data-type="all">全部</li> <li data-type="welfare">福利</li> <li data-type="s原创 2018-04-27 11:28:01 · 2072 阅读 · 0 评论 -
吸底样式的写法
具体实现的效果: 1、不满一屏的实现,按钮始终在页面的底部,如下图所示: 2、如果满一屏的话底部按钮按钮就会根据屏幕的长度始终在最后一行的底部,具体效果如下图所示: 下面我来说说这种布局的具体写法:&amp;lt;div class=&quot;containter&quot;&amp;gt; &amp;lt;div class=&quot;contenrt&qu原创 2018-09-03 14:32:24 · 3009 阅读 · 0 评论