1、这是结构代码,实现两个体形盒子对称 <div class="container"> <div class="box1"></div> <div class="box2"></div> </div> 2、这是CSS样式代码 .container { width: 400px; height: 40
divId 为 div 标签的 id,内容过多,会出现竖向滚动条。 <div id="divId">xxx</div> 设置滚动条样式: /* 设置滚动条的样式 */ #divId::-webkit-scrollbar{ width: 10px; box-sizing: border-box; }
/* 弹性布局 */ .flex{ display:flex; } .flex1{ flex:1; } .flex-column { flex-direction: column; } .justify-start { justify-content: flex-start; } .justify-
.className{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*
1).CSS3的transform:scale()可以实现按比例放大或者缩小功能。 2).C
准备工作1:设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果: 这段代码的几个参
Flex 布局教程:语法篇:http://www.ruanyifeng.co
踩坑: 1. height:calc(100vh-60); 无效 2.height:calc(100vh-60px); 无效 3.height:calc(100vh - 60px); 终于起效 总结calc()使用: 必须加上单位 必须在运算符左右用空格隔开
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号