如何修改样式 这中样式该如何布局

<!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=gb2312" />
<title></title>
<style type="text/css">
table{
table-layout:fixed
}
table td{
width:130px; height:auto
}
table td img {
width:120px; height:90px; margin:15px; border:1px solid #FF0000; overflow:hidden
}
table td div{
height:15px;
text-align:left; margin:0px 11px 0px 11px;width:100px; height:auto;white-space:normal;word-wrap: break-word ;
}
</style>
</head><body>
<table width="390" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
<img src="http://img1.gtimg.com/news/pics/24671/24671954.jpg">
<div id='a1'>asdddddqweqweqwasdasdeqwed</div>
<div>大小:</div>
<div>时间:</div>
<div>次数:</div>
</td>
    <td>
<img src="http://img1.gtimg.com/news/pics/24671/24671954.jpg">
<div id='a2'>23</div>
<div>大小:</div>
<div>时间:</div>
<div>次数:</div>
</td>
    <td>
<img src="http://img1.gtimg.com/news/pics/24671/24671954.jpg">
<div id='a3'>234</div>
<div>大小:</div>
<div>时间:</div>
<div>次数:</div>
</td>
  </tr></table></body>
</html>
我希望当a1的div里面的内容过长的时候自动换行
但是图片的位置和旁边的图片的位置是一样的
该如何修改了................

解决方案 »

  1.   


    <!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=gb2312" />
    <title></title>
    <style type="text/css">
    table{
    table-layout:fixed
    }
    table td{
    width:130px; height:auto
    }
    table td img {
    width:120px; height:90px; margin:15px; border:1px solid #FF0000; overflow:hidden
    }
    table td div{
    height:15px;
    text-align:left; margin:0px 11px 0px 11px;width:100px; height:auto;white-space:normal;word-wrap: break-word ;
    }
    </style>
    </head><body>
    <table width="390" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td  valign="top">
        <img src="http://img1.gtimg.com/news/pics/24671/24671954.jpg">
        <div id='a1'>asdddddqweqweqwasdasdeqwed</div>
        <div>大小:</div>
        <div>时间:</div>
        <div>次数:</div>
        </td>
        <td  valign="top">
        <img src="http://img1.gtimg.com/news/pics/24671/24671954.jpg">
        <div id='a2'>23</div>
        <div>大小:</div>
        <div>时间:</div>
        <div>次数:</div>
        </td>
        <td  valign="top">
        <img src="http://img1.gtimg.com/news/pics/24671/24671954.jpg">
        <div id='a3'>234</div>
        <div>大小:</div>
        <div>时间:</div>
        <div>次数:</div>    
        </td>
      </tr></table></body>
    </html>