随笔分类 - CSS
CSS
摘要：利用 transform-origin: left top ,以左上角为基点缩放。 position: absolute; right: -1px; top: -8px; height: 28px; padding: 0 8px; background: #BBBBBB; border-radius
阅读全文
摘要：解决： word-break: break-all; white-space: pre-wrap; line-break: anywhere;
阅读全文
摘要：background: rgba(0, 0, 0, 0.6) -webkit-backdrop-filter: blur(3px) backdrop-filter: blur(3px) 效果：
阅读全文
摘要：box-shadow: inset 0 0 0px 0px, 0 0 5px 2000px rgb(0 0 0 / 50%);
阅读全文
摘要：<p class="coupon"> <span>10000</span>SWT优惠券 </p> .coupon { width: 300px; height: 100px; line-height: 100px; margin: 50px auto; text-align: center; pos
阅读全文
摘要：<p class="scroll-container"> 文字是人类用符号记录表达信息以传之久远的方式和工具。现代文字大多是记录语言的工具。人类往往先有口头的语言后产生书面文字，很多小语种，有语言但没有文字。文字的不同体现了国家和民族的书面表达的方式和思维不同。文字使人类进入有历史记录的文明社会。
阅读全文
摘要：<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> ul{ width: 500px; margin:auto; list-style: none; padding:0; border:1px so
阅读全文
摘要：特点: 绝对定位和固定定位时，同时设置 left 和 right 等同于隐式地设置宽度 span{ border:1px solid red; position: absolute; left:0; right:0; /* 等同于设置 width:100%;display:block */ } <s
阅读全文
摘要：设置input占位符的样式： input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: red; } input::-moz-placeholder { /* Firefox 19+ */ color: red; } in
阅读全文
摘要：.lookMore_text:before { content: " "; position: absolute; background: #f3f9ff; bottom: 100%; right: 310px; top: -10px; width: 0; height: 0; border-lef
阅读全文
摘要：#bananerDis{ height: 550px; background: url("../images/bannerdisplay.jpg") no-repeat; background-position:center center; background-size: cover; }
阅读全文
摘要：1.单行省略 width:100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; 2.多行省略 overflow:hidden; text-overflow:
阅读全文
摘要：.ms-title { width: 200px; line-height: 50px; text-align: center; font-size: 20px; color: #fff; margin:0 auto; background-image: -webkit-linear-gradien
阅读全文
摘要：text-transform uppercase $("#autType").on("input",inputLimitsHandle); function inputLimitsHandle(){ //只能输入数字和大写字母 if($("#autType").attr("placeholder")
阅读全文
摘要：两种思路： 1、背景图 利用background-position：center； 2、直接img标签在父元素上居中。
阅读全文
摘要：$(".delRow").addClass("focus").css("pointer-events","none"); $('.datagrid-cell-check').find('input').addClass("focus").css("pointer-events","none");
阅读全文
