Dreamweaver 中,表格如何插入在图片旁并且居中?

设置表格的位置居中后,表格就换行到图片下面了,怎样才能使表格在一个居左的图片旁且居中?... 设置表格的位置居中后,表格就换行到图片下面了,怎样才能使表格在一个居左的图片旁且居中? 展开
 我来答
gujianghua5712
推荐于2016-07-01 · 超过15用户采纳过TA的回答
知道答主
回答量:54
采纳率:0%
帮助的人:39.5万
展开全部
法1>在建一表格,将图片与你的表格分别放入两个单元格中
即:
<talbe>
<tr>
<td>
<!-- IMAGE -->
</td>
<td style="text-align:center">
<!-- TABLE -->
</td>
</tr>
</table>
法2>在图片外套一个DIV标签,再在表格外套一个DIV,然后设置DIV属性
即:
<style>
.content{text-align:center;border:4px solid #99CC00;width:40%;}
.content #left{height:200px;float:left;border:4px solid #BB0000;width:40%;}
.content #right{height:200px;float:left;border:4px solid #009999;width:60%;text-align:center;} <!-- float还是left -->
.content img{width:100%;height:192px;}
.content .t1{width:80%;margin-top:2px;}
.content .t1 td{height:80px;border:3px dotted #990099;width:50%;text-align:center;}
</style>
<div class="content">

<div id="left"><img alt="LEFT" title="IMAGE" /></div>
<div id="right">RIGHT<table cellpadding="0" cellspacing="0"

class="t1"><tr><td>R11</td><td>R12</td></tr><tr><td>R21</td><td>R22</td></tr></table></div>
</div>
法3>如果什么都不相加,那也可以,不过不好
即:
<style>
.img{left:20px;position:absolute;border:5px solid #AA0000;width:150px;height:200px}
.table{width:30%;height:200px;text-align:center;font-family:"楷体";color=#992211;font-size:2em;}
td{border:3px solid #00AA00;}
</style>
<center>
<img class="img" alt="LEFT"/>
<table class="table" cellpadding="0" cellspacing="0">
<tr>
<td>
RIGHT1
</td>
<tr>
<tr>
<td>
RIGHT2
</td>
<tr>
</talbe>
</center>
==================================================================
法1,没什么技术含量就不细究了,法2,法3,你可以直接复制在记事本里,保存为XXX.HTML,然后用浏览器查看
==================================================================
anyuecia
2010-07-23 · TA获得超过4190个赞
知道大有可为答主
回答量:3466
采纳率:35%
帮助的人:943万
展开全部
没明白
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式