css tips

高度不定的情况下,让文字水平居中

display: -webkit-box;
-webkit-box-pack: center;
box-pack: center;
-webkit-box-align: center;
box-align: center;

在内容宽高不定的情况下,让内容居中

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,844评论 1 92
  • 用的,是最廉价的纸张和颜料。 临摹的,是最高级大师的画作。 我画的,是经不起推敲的水彩。 不过,我喜欢的是...
    Jesy思思阅读 224评论 6 6
  • 01 毕业那年,我问自己真正喜欢的是什么? 回答是:文学,还有文字。我很喜欢文学散步时的轻松快乐,喜欢操控文字时的...
    曾艳芬微光站阅读 427评论 0 0
  • 球王梅西的一场球 2018年6月27日凌晨2点,阿根廷和尼日利亚在俄罗斯世界杯小组赛碰撞,阿队必须赢,尼队平则能出...
    Gaogary阅读 262评论 0 2