yyy8343的专栏

做html页面经常想要把元素宽度设置百分比，以适应设备的宽度，这好办，但如果我们的元素想要正方形的呢？想要高是宽的2倍呢，问题就来了。怎么设置呢？先来段代码：#square-box{width:100%;height:0;padding-bottom:100%;}这三行样式就能把我们的元素设置为随屏幕尺寸适应的正方形。那自己试试padding-bottom为200%吧。

学习过程中经常遇到这样的问题，父级容器的高度会随着内容的增多而变化，子元素又想要在父级容器中垂直居中显示，然后第一反应就是设置vertical-align，发现不行，再设置margin:auto 0;垂直方向也不生效，没辙没辙的，最后就用了table。table不是不行，为什么不推荐，你懂得。那么我们的解决办法很简单：就是margin:auto 0，只要在父容器上加上一个writing-mod