居中那点事
最近碰到一些居中的问题需要处理，这里整理下碰到的问题以及一些解决的方案
文本水平居中
text-align:center;
可以知道，让一个元素水平居中可以使内容是inline或inline-block 非文本场景下，其实padding也可以实现相同效果。这个可以根据内容自适应，不然这样一来外层容器宽度就不固定了。
文本垂直居中
文本垂直居中 单行的时候
line-height: 30px;height: 30px;
如果是多行，那么可以考虑这样子
padding: 30px 0;
这样上下间距一样了，多行无压力
图片居中
这里分几个场景 1 容器比较大，且容器和图片是固定了宽高的，那么用上面的思路很容易解决，内联+line-height或内联+padding
//css.wrap0 { height: 300px; width: 100%; text-align: center; } .c0{ line-height: 300px; display: inline-block;} //dom
我好
查看更多关于居中那些事情_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did113947