元素加了position:absolute则该元素的text-alig…

2018-06-24 02:04:02来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform:translate(-50%,-50%);

当元素变为position:absolute时,该元素不占据文档流,text-align:center失效,则可以通过上述方法使元素中的内容垂直水平居中。

 

或者:

如果仅仅时元素中的文字居中的话, 给该元素加width:100%;text-align:center;就可以成功实现了。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:CSS颜色表示

下一篇:HTML5-前端开发很火且工资很高?