mossbaoo的博客

HTML：<div class="container"> <div class="No_1">????...</div> <div class="No_2">????...</div> <div class="No_3">????...</div></div>CSS：.container { display: flex;}.No_1 { order:

该文章方法是在非弹性flex盒子的情况下使用。使用场景多为页面弹窗，需要垂直水平居中。·在未知div的宽度情况下，建议使用方法一和方法二方法一div{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}方法二div{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}·在已知div的宽度情况下

input输入框在浏览器里面会有输入历史记录的功能，当你选择输入记录的时候，输入框会出现蓝色的背景颜色这时候需要用css处理一下input{ -webkit-box-shadow: 0 0 0 1000px white inset;}

【移动端自适应布局--rem】结合以下方法运用到移动端自适应布局开发中。举个栗子：假设设计妹妹给我们的设计稿宽度为750px，那么我们量到的图片尺寸为300*200px，换算为3*2rem即可引入js前：img { width: 300px; height: 200px;}引入js后：img { width: 3rem; height...

 CSS能够制作各种形状。正方形和矩形很容易，因为它们是自然形状。添加宽度和高度，就可以获得所需的确切尺寸矩形。添加border-radius，就可以将这些矩形变成圆形和椭圆形。我们还可以利用CSS中的::before和::after元素，添加到原始元素的形状，再通过巧妙地定位或者其它操作，就可以在CSS中使用单个HTML元素制作许多形状。 正方形#square {...

关于无空格太长的字母或数字不会自动换行的问题，bug效果如下图： 解决方法：（允许在单词内换行。）word-break: break-all;.item { word-break: break-all;} ...