展示圖：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS之固定大小的div中自動顯示圖片的中間部分</title><style type="text/css">.box { height: 200px; width: 200px; overflow: hidden; background-repeat: no-repeat; background-position: center center; float: left;}img { margin-top: -50px; margin-left: -30px;}</style></head><body><div class="box"><img src="test.jpg" /></div></body></html>
新聞熱點
疑難解答
