table {
table-layout: fixed;
word-wrap:break-word;
}

四、用css控制图片自适应大小，代码如：

img {
max-width: 600px;
width:expression(this.width > 600 ? "600px" : this.width+"px"); overflow:hidden;
}

其中 max-width:600px; 在IE7、FireFox等其他非IE浏览器下{zd0}宽度为600px，但在IE6中无效；width:600px; 在所有浏览器中图片的大小为600px，当图片大小大于600px，自动缩小为600px，在IE6中有效；而 overflow:hidden; 指将超出设置大小的部分隐藏，避免控制图片大小失败而引起的表格撑开变形。

五、{zh1}总结一下最实用的代码：

www.webjx.com

如果是表格，请用： www.webjx.com

table {
table-layout: fixed;
word-break: break-all;
}

webjx.com

如果是div层，请用：

网页教学网

div {
table-layout: fixed;
word-wrap: break-word;
width: 加上宽度;
overflow: hidden;    (让多出来的不显示。)  
}

第二种 ：js解决方法

<div id=article><img height="800" alt="" width="1280" src="/down/js/images/12498880470.jpg" /></div>
<script type="text/javascript" >

//缩放图片到合适大小
function ResizeImages()
{
var myimg,oldwidth,oldheight;
var maxwidth=550;
var maxheight=880
var imgs = document.getElementById('article').getElementsByTagName('img');   //如果你定义的id不是article，请修改此处

for(i=0;i<imgs.length;i++){
myimg = imgs[i];

if(myimg.width > myimg.height)
{
if(myimg.width > maxwidth)
{
oldwidth = myimg.width;
myimg.height = myimg.height * (maxwidth/oldwidth);
myimg.width = maxwidth;
}
}else{
if(myimg.height > maxheight)
{
oldheight = myimg.height;
myimg.width = myimg.width * (maxheight/oldheight);
myimg.height = maxheight;
}
}
}
}

//缩放图片到合适大小
ResizeImages();
</script>