如何让td中图片不换行(div+css)
首页，本人对div+css布局很不熟悉，一般都用很多嵌套表格布局这就有很多单元格嵌套表格表格的单元格又嵌套表格了感觉效果不好，也不是趋势吧？希望有高手赐教或介绍一些好的网...
首页，本人对div+css布局很不熟悉，一般都用很多嵌套表格布局 这就有很多单元格嵌套表格 表格的单元格又嵌套表格了 感觉效果不好，也不是趋势吧？希望有高手赐教或介绍一些好的网站给与学习div+css。
问题：
有个表格有两行， 上面一行有五个单元格，下面一行有两个单元格，现在想在下面一行右边的单元格中插入几张带有超链接的图片，要求那几张图片排成一行（即：不换行）（当然那几张图片的宽度加起来小于单元格的宽度） 怎么做？td ,css或div怎么写？ 要求详细的 一步步的代码哦 菜菜鸟咯！谢谢。
我插入图片时 他们都自动换行 撑大表格 也不是想要的效果。 展开
问题：
有个表格有两行， 上面一行有五个单元格，下面一行有两个单元格，现在想在下面一行右边的单元格中插入几张带有超链接的图片，要求那几张图片排成一行（即：不换行）（当然那几张图片的宽度加起来小于单元格的宽度） 怎么做？td ,css或div怎么写？ 要求详细的 一步步的代码哦 菜菜鸟咯！谢谢。
我插入图片时 他们都自动换行 撑大表格 也不是想要的效果。 展开
4个回答
展开全部
<html>
<title>
</title>
<head>
<style>
ul {margin:0; padding:0;}
body{ margin:0; padding:0; margin:0 auto;
}
#1 { width:300px;
}
#1 ul li { float:left; text-decoration:none;
}
</style>
</head>
<body>
<div id="1">
<ul>
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
<li>第四个</li>
<li>第五个</li>
</ul>
<ul>
<li><a href="#"><img scr="" width:50px height:50px /></a></li>
<li><img scr="" width:50px height:50px /></li>
<li><img scr="" width:50px height:50px /></li>
<li><img scr="" width:50px height:50px /></li>
<li><img scr="" width:50px height:50px /></li>
</ul>
</div>
</body>
</html>
是要这样吗?
<title>
</title>
<head>
<style>
ul {margin:0; padding:0;}
body{ margin:0; padding:0; margin:0 auto;
}
#1 { width:300px;
}
#1 ul li { float:left; text-decoration:none;
}
</style>
</head>
<body>
<div id="1">
<ul>
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
<li>第四个</li>
<li>第五个</li>
</ul>
<ul>
<li><a href="#"><img scr="" width:50px height:50px /></a></li>
<li><img scr="" width:50px height:50px /></li>
<li><img scr="" width:50px height:50px /></li>
<li><img scr="" width:50px height:50px /></li>
<li><img scr="" width:50px height:50px /></li>
</ul>
</div>
</body>
</html>
是要这样吗?
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个到w3cshool吧很不错
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
IMG {
display: inline;
}
或者
img {
float: left;
}
display: inline;
}
或者
img {
float: left;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
