Peu importe la façon dont l'écran glisse, le p restera toujours au centre de l'écran (prend en charge IE7 (y compris IE7) et supérieur)
Le code simple présenté ci-dessous peut réaliser cette fonction, s'il vous plaît, vous pouvez venir vous y référer.
<p class="loginBox"></p>
La partie css doit être écrite comme ceci :
.loginBox { background: #FA2; width: 700px; height: 400px; position: fixed; left: 50%; top: 50%; z-index: 11; /*设定这个p的margin-top的负值为自身的高度的一半,margin-left的值也是自身的宽度的一半的负值.*/ /*宽为400,那么margin-top为-200px*/ /*高为200那么margin-left为-100px;*/ margin: -200px 0 0 -350px; }
Après l'écriture, c'est si simple, tu ne trouves pas que c'est inattendu ?
【Recommandations associées】
1.Tutoriel vidéo CSS en ligne gratuit
3. php.cn Dugu Jiujian (2)-tutoriel vidéo CSS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!