設置img水平垂直居中

本文轉載自查看原文 2020-09-03 19:15 465 web前端/ ~2021.9

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
       <style type="text/css">
           img{
            position: absolute;
            top:50%; 
            left:50%;
            transform: translate(-50%,-50%);
        }
       </style>
</head>
<body>
    <form id="form1" runat="server">
            <img alt="" src="/images/qhfgs@2x.png"  />
    </form>
</body>
</html>

單純水平居中可以使用

margin:0 auto；width:100px

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 設置 img 在 div 中水平居中和垂直居中 CSS（九）：設置盒子水平垂直居中 NPOI設置水平、垂直居中如何讓設置浮動的元素水平垂直居中實現div里的img圖片水平垂直居中將圖片水平、垂直居中的幾種方法 -水平居中、垂直居中、水平垂直居中如何將img垂直居中？ css水平垂直居中如何讓div水平垂直居中