qq_15941409的博客

【代码】【备忘】让绝对定位的元素居中显示。

css开发经验合集

方案1：可用div使两个元素对齐；如：设定div、input、img的高度为55px，将input和img放在div中；方案2：.bpd-keycode-div input,img{vertical-align:middle;}设置某个类下面的input和img上下居中；END...

//css文本超出后显示省略号（单行）：overflow:hidden;/*是让文本溢出后，显示成省略号*/text-overflow:ellipsis;/*禁止自动换行*/white-space:nowrap;//css文本超出后显示省略号（多行）： display: -webkit-box; -webkit-box-orient: vertical; /** 要控制的行数， 例如：控制文字达到第4行，那多余的就显示省略号 */ -webkit-lin

随笔：1、按单词分割换行/*word-wrap: break-word;*//*word-break: normal;*/效果：假设一段话：asdfasdf阿斯顿发斯蒂芬asdfasdfasdfsdfsdfsdfsdfsdfsdf显示出来的效果：asdfasdf阿斯顿发斯蒂芬asdfasdfasdfsdfsdfsdfsdfsdfsdf这样的效果可能不是你想要的，单词在某些场合需要按照单词排版。2、直接一行排满再换行word-break: break-all;//这是普通换行.

已测试css3监控button按钮为禁用状态时改变按钮样式，此代码一般写在HTML当前页面，比较可控。 button[disabled] { color: white !important; background: #730000 !important; }END

CSS3变量引用使用场景：当一个css属性需要在多个地方使用时，这时候用变量引用方式是非常香的，而且很多地方用得着。例如：我有10个元素，没有元素都有一个宽度100%的属性，如果在每个元素上添加一个class，就有点冗余了。一般情况看代码<style> .test1{ width:100%; border: 1px solid red; } .test2{ width:100%;

CSS动态计算属性：使用场景：高度动态化、宽度动态化：例如：我有一个添加用户的表单页面，当页面可视高度变化的时候动态设置元素高度。 .box-img-group{ overflow-y: auto; height: calc(100% - 396px); }已测试...