布局烦：如何让td中图片不换行(div+css)

首页，本人对div+css布局很不熟悉，一般都用很多嵌套表格布局这就有很多单元格嵌套表格表格的单元格又嵌套表格了感觉效果不好，也不是趋势吧？希望有高手赐教或介绍一些好的网... 首页，本人对div+css布局很不熟悉，一般都用很多嵌套表格布局这就有很多单元格嵌套表格表格的单元格又嵌套表格了感觉效果不好，也不是趋势吧？希望有高手赐教或介绍一些好的网站给与学习div+css。

问题：
有个表格有两行，上面一行有五个单元格，下面一行有两个单元格，现在想在下面一行右边的单元格中插入几张带有超链接的图片，要求那几张图片排成一行（即：不换行）（当然那几张图片的宽度加起来小于单元格的宽度）怎么做？td ,css或div怎么写？要求详细的一步步的代码哦菜菜鸟咯！谢谢。
我插入图片时他们都自动换行撑大表格也不是想要的效果。展开

 我来答

5个回答

#热议# 不吃早饭真的会得胆结石吗？

xiaozhenyu2005
推荐于2016-05-18 · TA获得超过256个赞

知道小有建树答主

回答量：169

采纳率：0%

帮助的人：132万

我也去答题访问个人页

关注

展开全部

<!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>
*
{
margin:0;
padding:0;
}
ul,li
{
list-style-type:none;
}
img
{
border:0;
}
li
{
float:left;
display:inline;

width:120px;
text-align:center;
}
img
{
width:100px;
height:30px;
}
</style>
</head>

<body>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>第一个单元格</td>
<td>第二个单元格</td>
<td>第三个单元格</td>
<td>第四个单元格</td>
<td>第五个单元格</td>
</tr>
<tr>
<td>第二行第一个</td>
<td colspan="4">
<div>
<ul>
<li><a href="#"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" /></a></li>
<li><a href="#"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" /></a></li>
<li><a href="#"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" /></a></li>
<li><a href="#"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" /></a></li>
<li><a href="#"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" /></a></li>
</ul>
</div>
</td>
</tr>
</table>
</body>
</html>
你复制看看效果吧，不知道是不是你需要的效果