随笔分类 - Css

flex详解

摘要：flex: flex-grow flex-shrink flex-basis的组合flex-grow(grow扩展的意思)，默认值为0:（1）解释：如何分配flex子元素的剩余空间（2）如果所有项目的flex-grow属性都相同，则它们将等分剩余空间（3）如何计算：1) 如果所有项目的flex-gr 阅读全文

posted @ 2022-02-09 16:28 always_strive 阅读(135) 评论(0) 推荐(0) 编辑

点击div，span, p这些文本标签时隐藏光标的方法

摘要：/* 隐藏鼠标点击这些元素时出现的光标 */ div, span, p { caret-color: transparent; } 阅读全文

posted @ 2021-04-07 11:39 always_strive 阅读(1054) 评论(0) 推荐(0) 编辑

什么时候会出现横向滚动条，怎么处理

摘要：我把table的样式设置成width等于100%，max-width等于100%。今天在1280*968分辨率的屏幕上测试，竟然出现横向滚动条。原来是tbody里面的内容太多给撑开了。解决方法是：将table的所有列的宽度都设置成等宽(百分比的形式，100除以列的个数)，这样就可以了，因为固定了宽阅读全文

posted @ 2018-11-28 16:17 always_strive 阅读(1827) 评论(0) 推荐(0) 编辑

background-position使用需要注意的地方

摘要：background-position有三种表现的形式。 (1) top left (默认情况) top centertop rightcenter left center center center right bottom leftbottom center bottom right 是这样理解阅读全文

posted @ 2018-03-04 15:47 always_strive 阅读(253) 评论(0) 推荐(0) 编辑

display,float,position的关系以及display=table,table-row,table-cell等属性的使用

摘要：1.先说display,float,position的关系display如果为none，float和position都失效；display不为空的时候，如果position为absolute或者为fixed的时候，并且float的值不为空，则float失效；如果position为relative的时阅读全文

posted @ 2018-03-02 11:15 always_strive 阅读(355) 评论(0) 推荐(0) 编辑

修改placeholder的颜色

摘要：今天有个任务是修改placeholder的颜色，只好百度了一下，如下设置: ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: red!important; } :-moz-placeholder { /* Mozilla F 阅读全文

posted @ 2018-02-09 15:00 always_strive 阅读(948) 评论(0) 推荐(0) 编辑