html图片对齐怎么写?
<body><bodyoncontextmenu="returnfalse"onselectstart="returnfalse"><tablewidth="1000"b...
<body>
<body oncontextmenu="return false" onselectstart="return false">
<table width="1000" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="208" align="left" bgcolor="#AFB8A3"><img src="i/ok01.jpg" alt="无损音乐" width="208" height="482"></td>
<td><div align="left" style="BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(logo.jpg); BACKGROUND-REPEAT: no-repeat; width:208px; "><img src="i/ok02.jpg" alt="音乐分享"></div></td>
<td width="222" align="left" bgcolor="#AFB8A3"><img src="i/ok03.jpg" alt="高清MV分享" width="222" height="482"></td>
<td width="187" align="left" bgcolor="#AFB8A3"><img src="i/ok04.jpg" alt="分享平台" width="187" height="482"></td>
<td width="184" align="left" bgcolor="#AFB8A3"><img src="i/ok05.jpg" alt="感动音乐" width="184" height="482"></td>
</tr>
说明:总共有5张图片,总宽度为:1000
第一张图片对齐左边,第二张至第五张上下是对齐的,但跟第一张有一段距离
高手请指点一二!如何让第二至第五张跟第一张无逢对齐!??
上面的代码,第一张图片宽208,后面以此类推!! 展开
<body oncontextmenu="return false" onselectstart="return false">
<table width="1000" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="208" align="left" bgcolor="#AFB8A3"><img src="i/ok01.jpg" alt="无损音乐" width="208" height="482"></td>
<td><div align="left" style="BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(logo.jpg); BACKGROUND-REPEAT: no-repeat; width:208px; "><img src="i/ok02.jpg" alt="音乐分享"></div></td>
<td width="222" align="left" bgcolor="#AFB8A3"><img src="i/ok03.jpg" alt="高清MV分享" width="222" height="482"></td>
<td width="187" align="left" bgcolor="#AFB8A3"><img src="i/ok04.jpg" alt="分享平台" width="187" height="482"></td>
<td width="184" align="left" bgcolor="#AFB8A3"><img src="i/ok05.jpg" alt="感动音乐" width="184" height="482"></td>
</tr>
说明:总共有5张图片,总宽度为:1000
第一张图片对齐左边,第二张至第五张上下是对齐的,但跟第一张有一段距离
高手请指点一二!如何让第二至第五张跟第一张无逢对齐!??
上面的代码,第一张图片宽208,后面以此类推!! 展开
3个回答
展开全部
html图片对齐主要用text-align属性来控制：
text-align的值主要又分为：left左对齐，center居中对齐，right靠右对齐；
以下操作用居中来对齐演示：如下
一、打开编辑软件，新建一个html文件，建立一个区域，用div引入css样式，这里宽度用100%来展示，高度height:auto;为了与整个网页区分开，区域内加了一个背景颜色：background-color:#999;以便更好的读懂；
二、设置好以后，查看网页浏览效果；是否图片对齐：如下图
扩展：方法不是唯一的，你也可以把图片放入一个p标签内，或者一个div内，让p 或div标签靠左浮动用float:left;或者靠右对齐right；可以展示出同样的效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的5张图片总宽是多少？如果你那第二张图片也是208那么你的总宽已经是1009超出你的table的宽了？
如果你没超出，并且必须要定义table的宽，那么你就算一下图片的总宽，把table多出来的宽放到最后一个td里，并且每个td加一个align="left"。这样就可以了。
建议一：你最好不给table设置宽，因为在ie里你加了如果td总和不对反而会影响你的布局，如果超出了你加了也和没加一样。
建议二：布局最好用div来不要用table.那做起来更方便。
如果你没超出，并且必须要定义table的宽，那么你就算一下图片的总宽，把table多出来的宽放到最后一个td里，并且每个td加一个align="left"。这样就可以了。
建议一：你最好不给table设置宽，因为在ie里你加了如果td总和不对反而会影响你的布局，如果超出了你加了也和没加一样。
建议二：布局最好用div来不要用table.那做起来更方便。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
问题是不知道你第二张原图片的大小.只能提供以下代码供参考:
<body>
<body oncontextmenu="return false" onselectstart="return false">
<table width="0" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="208" align="left" bgcolor="#AFB8A3"><img src="i/ok01.jpg" alt="无损音乐" width="208" height="482"></td>
<td align="left" bgcolor="#AFB8A3"><img src="i/ok02.jpg" alt="音乐分享" width="208" height="482"></td>
<td width="222" align="left" bgcolor="#AFB8A3"><img src="i/ok03.jpg" alt="高清MV分享" width="222" height="482"></td>
<td width="187" align="left" bgcolor="#AFB8A3"><img src="i/ok04.jpg" alt="分享平台" width="187" height="482"></td>
<td width="184" align="left" bgcolor="#AFB8A3"><img src="i/ok05.jpg" alt="感动音乐" width="184" height="482"></td>
</tr></table>
</body>
<body>
<body oncontextmenu="return false" onselectstart="return false">
<table width="0" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="208" align="left" bgcolor="#AFB8A3"><img src="i/ok01.jpg" alt="无损音乐" width="208" height="482"></td>
<td align="left" bgcolor="#AFB8A3"><img src="i/ok02.jpg" alt="音乐分享" width="208" height="482"></td>
<td width="222" align="left" bgcolor="#AFB8A3"><img src="i/ok03.jpg" alt="高清MV分享" width="222" height="482"></td>
<td width="187" align="left" bgcolor="#AFB8A3"><img src="i/ok04.jpg" alt="分享平台" width="187" height="482"></td>
<td width="184" align="left" bgcolor="#AFB8A3"><img src="i/ok05.jpg" alt="感动音乐" width="184" height="482"></td>
</tr></table>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
