了解—学习—进步—满足

【CSS】使用Flex做两行或两列布局

在做table页面时，有时对td设置的宽度是无效的，td的宽度始终有内部的内容撑开，可以设置padding，但直接设置width却无效单元格内容始终由内容而决定，那么既然是由内容决定的那么我们就想办法让“内容”把单元格撑开，这样就行了。即：<style type="text/css"> table tr td div{width:300px;}</style><table> <tr> <td> <div>

1、首先最简单的，是利用position的sticky属性sticky页面不动的情况下，它就像 position:relative;而当页面滚动超出目标区域时，它表现的就像 position:fixed;，会固定在目标位置。relative(相对定位)是指给元素设置相对于原本位置的定位，元素并不脱离文档流，因此元素原本的位置会被保留，其他的元素位置也不会受到影响。而fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标并不是body，而是视图（屏幕内的网页窗口）本身。

CSS之未知高度img垂直居中

1.垂直顶部对齐 /*--- 清除浮动 ---*/ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix { display:inline-block;} .clearfix { display:block;} label { line-heig

背景(Backgrounds)  background:color image repeat attachment position;