建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要講解了“HTML百分?jǐn)?shù)值怎么將圖像在其元素中居中”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“HTML百分?jǐn)?shù)值怎么將圖像在其元素中居中”吧！
成都創(chuàng)新互聯(lián)公司2013年至今，先為冷水江等服務(wù)建站，冷水江等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為冷水江企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
百分?jǐn)?shù)值的表現(xiàn)門徑愈加煩復(fù)。如果你祈望用百分?jǐn)?shù)值將圖象在其元素中居中，這很簡(jiǎn)單：
body
{
bac公斤round-image:url('/i/eg_bg_03.gif');
bac千克round-repeat:no-repeat;
bac千克round-position:50% 50%;
}這會(huì)招致圖象恰當(dāng)布置，其中心與其元素的核心對(duì)齊。換句話說(shuō)，百分?jǐn)?shù)值同時(shí)運(yùn)用于元素與圖象。也等于說(shuō)，圖像中刻畫(huà)為 50% 50% 的點(diǎn)（中心點(diǎn)）與元素中描畫(huà)為 50% 50% 的點(diǎn)（中心點(diǎn)）對(duì)齊。
如果圖象位于 0% 0%，其左上角將放在元素內(nèi)邊距區(qū)的左上角。如果圖像地位是 100% 100%，會(huì)使圖象的右下角放在右邊距的右下角。
于是，如果你想把一個(gè)圖象放在水準(zhǔn)左袒 2/3、垂直標(biāo)的目的 1/3 處，興許何等申明：
body
{
bac千克round-image:url('/i/eg_bg_03.gif');
bac公斤round-repeat:no-repeat;
bac公斤round-position:66% 33%;
}如果只供給一個(gè)百分?jǐn)?shù)值，所供應(yīng)的這個(gè)值將用作程度值，垂直值將假定為 50%。這一點(diǎn)與關(guān)鍵字相似。
bac千克round-position 的默許值是 0% 0%，在依順上相當(dāng)于 top left。這就解釋了后盾圖象為甚么總是從元素內(nèi)邊距區(qū)的左上角起頭平鋪，除非您設(shè)置裝備擺設(shè)了分歧的地位值。
感謝各位的閱讀，以上就是“HTML百分?jǐn)?shù)值怎么將圖像在其元素中居中”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)HTML百分?jǐn)?shù)值怎么將圖像在其元素中居中這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！
標(biāo)題名稱：HTML百分?jǐn)?shù)值怎么將圖像在其元素中居中
URL鏈接：http://ef60e0e.cn/article/gdjdjs.html
