我嘗試將文本對(duì)齊屬性與顯示塊一起使用，但這也不起作用。我想要一個(gè)覆蓋整個(gè)網(wǎng)頁(yè)的 div，山圖像中心在其底部對(duì)齊。我設(shè)法通過(guò)設(shè)置bottom:0;將山圖像移動(dòng)到底部。但后來(lái)我無(wú)法居中對(duì)齊圖像。非常感謝。 <!-- following is the html code: --> <body> <div class="topcontainer"> <img class="topcloud" src="images/newcloud.png" alt="cloud-image"> <h1>I'm Mohit</h1> <p class="occupation">A <span>pro</span>grammer</p> <img class="bottomcloud" src="images/newcloud.png" alt="cloud-image"> <img class="mountain" src="http://seanhalpin.io/assets/img/content/home/masthead/land.svg" alt=""> </div> </body> <!-- and this is the css: --> body { margin: 0; text-align: center; font-family: 'Merriweather', serif; } h1 { margin: 0; font-family: 'Sacramento', cursive; font-size: 70px; color: #30e3ca; } h2 { font-family: 'Montserrat', sans-serif; } h3 { font-family: 'Montserrat', sans-serif; } span { text-decoration: underline; } .mountain { display: inline-block; position: absolute; bottom: 0; } .topcontainer { display: inline-block; background-color: #e4f9f5; margin-bottom: 20px; height: 100vh; width: 100%; position: relative; } .bottomcloud { position: absolute; left:300px; height: 94.28px; width: 177.3333px; } .topcloud { position: relative; left: 290px; height: 94.28px; width: 177.3333px; }
我想將圖像與 div 的中心對(duì)齊
長(zhǎng)風(fēng)秋雁
2023-10-10 18:08:26
