有沒大佬幫下忙，圖片的大小顯示的時候不固定，因為需要圖片不丟幀，試了網上的幾個方法，不知道為什么圖片都是頂著最上面顯示的，無法做到居中顯示，有大佬幫忙看下是什么情況嗎？ 然后還有個就是說當滑鼠移動搭配圖片上面的時候圖片出現模糊效果并且顯示一段文字介紹圖片的名字和圖片的寬高，如果用hover的話有什么比較好的辦法嗎？ 如何定位這個是哪個圖片然后配上相應的文字？ 謝謝大家！。
下面是代碼的圖片：
uj5u.com熱心網友回復：
其實就是點擊右邊的小圖片，然后左邊顯示大圖片，我這邊搞不懂為什么我的圖片沒辦法水平垂直居中。
uj5u.com熱心網友回復：
水平居中，對圖片的父級使用text-align:center即可。垂直居中有幾種方式可以實作，一種是圖片的外邊距，將上下設定為相同的距離，左右為0，不過好像要把圖片的display設為block才行(可塑性不強)；一種是將父級的內邊距上下設定為相同的距離，左右為0(可塑性不強)；還有一種是line-height設定為和父級高相等(忘了這種方式是否可行了，應該可以吧)；
最后后還有一種就是彈性盒子，將父級display設定為flex，然后加一兩個屬性就可以垂直水平居中了，不過兼容性沒有那么強，你可以自己搜一下。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/207462.html
標籤：HTML(CSS)
上一篇：jstree節點名稱過長,怎樣讓滑鼠移上去時顯示出完整名稱,類似title提示
下一篇：求助!我的網站遇到了一個問題