CSS 圖片對其方式指的是如何將圖片與內(nèi)容一起呈現(xiàn),并使其適應(yīng)不同的屏幕尺寸和設(shè)備。下面將介紹幾種常見的 CSS 圖片對其方式。
/* 居中對齊 */ img { display: block; margin: 0 auto; } /* 左對齊 */ img { float: left; margin: 0 10px 10px 0; } /* 右對齊 */ img { float: right; margin: 0 0 10px 10px; } /* 橫向居中 */ div { text-align: center; } img { display: inline-block; } /* 等比例縮放, 寬度不超過容器寬度 */ img { max-width: 100%; height: auto; } /* 背景圖片,鋪滿容器 */ div { background: url("image.jpg") no-repeat center center fixed; background-size: cover; }
以上是幾種常見的 CSS 圖片對其方式。需要注意的是,圖片的尺寸和質(zhì)量也會影響呈現(xiàn)效果,因此在使用圖片時(shí)應(yīng)該根據(jù)實(shí)際需求進(jìn)行編輯和壓縮。