我想絕對在我的圖像上放置一個文本,但它似乎并沒有居中.我嘗試了一些東西,但這很奇怪.我正在尋找一個響應式網站,但隨之而來的,它看起來很奇怪.這是我的代碼.

Richy Photography

CSS

#container {

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

background-image:url(image.jpg);

background-size:cover;

background-position:50% 50%;

background-repeat: no-repeat;

}

body, html

{

height:100%;

width:100%;

}

.parent {

position:relative;

font-family: Helvetica, Arial, sans-serif;

width: 100%;

height: 100%;

margin:0;

padding:0;

}

.child {

position: absolute;

left:37%;

top:37%;

margin:0;

padding:0;

}

總結

以上是生活随笔為你收集整理的html 应用绝对定位 居中,html – 如何居中绝对定位的项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。