关于表格TD中的div 里面图片和<span>中文字如何在一行显示
table下的td中有个div,里面的图片和,<span>或者<h2>标签中的文字如何同行显示,就像这个网站中的一样~图片旁边的文字http://www.yyets.ne...
table下的td 中有个div,里面的图片和,<span>或者<h2>标签中的文字如何同行显示,就像这个网站中的一样~图片旁边的文字
http://www.yyets.net/index.php 展开
http://www.yyets.net/index.php 展开
2个回答
展开全部
<td>
<div style="width:200px; height:150px; padding:10px; border:1px solid #000000;">
<div style="float:left; position:relative; margin:0 10px 10px 0; width:30px; height:30px; background-color:#FF0000;">image</div>
<h3>title</h3>
<span>content</span>
<span>content</span>
<span>content</span>
<span>content</span>
<span>content</span>
</div>
</td>
这样子可以实现,里面加了一些背景色和边框是为了方便观察
楼主补充的,不是大问题,只是设定h3还有span的样式问题,还有跟左边的图片大小有关系,图片高一点,h3、span的行高还有margin之类的设得小一点,span要怎么放都可以,比如把上面的h3替换成<h3 style="margin:0px; line-height:100%;">title</h3>,span就差不多跟图片平行了
2013-08-03
展开全部
<td>
<div style="width:200px; height:150px; padding:10px; border:1px solid #000000;">
<div style="float:left; position:relative; margin:0 10px 10px 0; width:30px; height:30px; background-color:#FF0000;">image</div>
<h3>title</h3>
<span>content</span>
<span>content</span>
<span>content</span>
<span>content</span>
<span>content</span>
</div>
</td>
这样子可以实现,里面加了一些背景色和边框是为了方便观察
楼主补充的,不是大问题,只是设定h3还有span的样式问题,还有跟左边的图片大小有关系,图片高一点,h3、span的行高还有margin之类的设得小一点,span要怎么放都可以,比如把上面的h3替换成<h3 style="margin:0px; line-height:100%;">title</h3>,span就差不多跟图片平行了
<div style="width:200px; height:150px; padding:10px; border:1px solid #000000;">
<div style="float:left; position:relative; margin:0 10px 10px 0; width:30px; height:30px; background-color:#FF0000;">image</div>
<h3>title</h3>
<span>content</span>
<span>content</span>
<span>content</span>
<span>content</span>
<span>content</span>
</div>
</td>
这样子可以实现,里面加了一些背景色和边框是为了方便观察
楼主补充的,不是大问题,只是设定h3还有span的样式问题,还有跟左边的图片大小有关系,图片高一点,h3、span的行高还有margin之类的设得小一点,span要怎么放都可以,比如把上面的h3替换成<h3 style="margin:0px; line-height:100%;">title</h3>,span就差不多跟图片平行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |