美文网首页
html各种居中

html各种居中

作者: 忧郁的老王 | 来源:发表于2019-08-19 16:53 被阅读0次

    使用定位的方式

    子绝父相使用transform 属性

      #addicon {
                position: relative;
                left: 50%;
                top: 50%;
                transform: translate(-50% ,-50%);
                width: 100px;
                height: 100px;
            }
    

    将控件移动到父控件的50% 50%位置 ,然后向回便宜 子控件自身-50%的位置 具体属性参照 transform 的用法。

    相关文章

      网友评论

          本文标题:html各种居中

          本文链接:https://www.haomeiwen.com/subject/rdqqsctx.html