关于表格TD中的div 里面图片和<span>中文字如何在一行显示

table下的td中有个div,里面的图片和,<span>或者<h2>标签中的文字如何同行显示,就像这个网站中的一样~图片旁边的文字http://www.yyets.ne... table下的td 中有个div,里面的图片和,<span>或者<h2>标签中的文字如何同行显示,就像这个网站中的一样~图片旁边的文字
http://www.yyets.net/index.php
展开
 我来答
訫偌惓辽Bq
2015-08-28 · TA获得超过9267个赞
知道小有建树答主
回答量:2527
采纳率:40%
帮助的人:523万
展开全部
<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就差不多跟图片平行了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式