在編寫 HTML 網頁時,經常需要插入圖片來增強頁面的內容。然而,有時候添加的圖片會在頁面上凸起,給視覺效果帶來不好的影響。下面將介紹如何設置圖片不凸起。
上述代碼使用了 CSS 樣式來設置圖片的顯示效果。其中,display: block;
表示將圖片設置為塊級元素,這樣可以讓圖片與其他元素分開顯示;margin: 0 auto;
表示將圖片水平居中,左右兩側的邊距都設置為自動;max-width: 100%;
表示將圖片最大寬度設置為 100%,這樣可以讓圖片適應不同屏幕大小的設備;height: auto;
表示讓圖片高度自適應,根據原比例自動調整高度。
通過上述設置,可以讓圖片在頁面上顯示得更加自然平衡,不再凸起。
上一篇vue int
下一篇html怎么設置固定定位