IE8表格下面图片设置最大宽度会缩小，但是还是会撑开表格
<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="Generator"content=...
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
.qq{background:#aaa; width:200px; height:600px; text-align:center; vertical-align:middke; overflow:hidden;}
.qq img{max-width:200px;}
.ww{display:table-cell;*display:block;*position:relative;width:200px;height:600px;text-align:center;vertical-align:middle;background:#aaa;}
.ww img{max-width:200px;}
</style>
<title>Document</title>
</head>
<body>
<table>
<td class="qq">
<img src="12.JPG">
</td>
</table>
<ul>
<li>
<p class="ww">
<img src="12.JPG">
</p>
</li>
</ul>
</body>
</html>
上面那个是代码，帮忙看看IE8怎么解决，图片的话请拿大一点的测试。 展开
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
.qq{background:#aaa; width:200px; height:600px; text-align:center; vertical-align:middke; overflow:hidden;}
.qq img{max-width:200px;}
.ww{display:table-cell;*display:block;*position:relative;width:200px;height:600px;text-align:center;vertical-align:middle;background:#aaa;}
.ww img{max-width:200px;}
</style>
<title>Document</title>
</head>
<body>
<table>
<td class="qq">
<img src="12.JPG">
</td>
</table>
<ul>
<li>
<p class="ww">
<img src="12.JPG">
</p>
</li>
</ul>
</body>
</html>
上面那个是代码，帮忙看看IE8怎么解决，图片的话请拿大一点的测试。 展开
1个回答
展开全部
在td 中放一个 div， div 的大小刚好和td 一样大小，然后把img 放在div 中，此时当图片过大是div 不会被撑大。
<td>
<div class="qq">
<img src="12.jpg" />
</div>
</td>
<td>
<div class="qq">
<img src="12.jpg" />
</div>
</td>
追问
我主要要的是图片的一个垂直居中，这样弄的话div得加上.ww的样式，也就是div也是变成了一个表格属性，还是会撑开的
追答
如果要图片垂直居中，在原有基础上你再加上定位就行了。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
