在Web開發中，經常需要將圖片放置在某個框內，而網頁框架可能各不相同。這里介紹一種在CSS中，讓圖片填充到框內的方法。

.example {
display: flex; /*設置父容器為flex布局*/
justify-content: center; /*水平居中*/
align-items: center; /*垂直居中*/
}
.example img {
max-width: 100%; /*設置圖片最大寬度為容器寬度，自適應高度*/
max-height: 100%; /*設置圖片最大高度為容器高度，自適應寬度*/
}

上面的代碼中，首先將容器的display屬性設置成了flex布局。這樣一來，子元素（圖片）會自動居中。我們通過justify-content屬性和align-items屬性將其分別水平居中和垂直居中。

而圖片在被父容器包裹后，我們需要通過CSS設置其寬度和高度。通過設置max-width屬性和max-height屬性為100%，可以讓圖片的最大寬度和最大高度都填充為容器的寬度和高度，實現圖片填充到框內的效果。

需要注意的是，在某些瀏覽器中，CSS的flex布局可能需要加上前綴。比如，在Chrome瀏覽器中的代碼就需要這樣寫：

.example {
display: -webkit-flex; /*兼容Chrome瀏覽器*/
display: flex;
-webkit-justify-content: center; /*兼容Chrome瀏覽器*/
justify-content: center;
-webkit-align-items: center; /*兼容Chrome瀏覽器*/
align-items: center;
}

在實際開發中，要根據需要進行微調。比如，如果圖片較小，則不需要填充滿容器，可以通過設置min-width屬性和min-height屬性來實現。