html图片对齐怎么写?
发布网友
发布时间：2022-04-24 01:28
共3个回答
热心网友
时间：2022-04-07 07:22
html图片对齐主要用text-align属性来控制：
text-align的值主要又分为：left左对齐，center居中对齐，right靠右对齐；
以下操作用居中来对齐演示：如下
一、打开编辑软件，新建一个html文件，建立一个区域，用div引入css样式，这里宽度用100%来展示，高度height:auto;为了与整个网页区分开，区域内加了一个背景颜色：background-color:#999;以便更好的读懂；
二、设置好以后，查看网页浏览效果；是否图片对齐：如下图
扩展：方法不是唯一的，你也可以把图片放入一个p标签内，或者一个div内，让p 或div标签靠左浮动用float:left;或者靠右对齐right；可以展示出同样的效果
热心网友
时间：2022-04-07 08:40
你的5张图片总宽是多少？如果你那第二张图片也是208那么你的总宽已经是1009超出你的table的宽了？
如果你没超出，并且必须要定义table的宽，那么你就算一下图片的总宽，把table多出来的宽放到最后一个td里，并且每个td加一个align="left"。这样就可以了。
建议一：你最好不给table设置宽，因为在ie里你加了如果td总和不对反而会影响你的布局，如果超出了你加了也和没加一样。
建议二：布局最好用div来不要用table.那做起来更方便。
热心网友
时间：2022-04-07 10:15
问题是不知道你第二张原图片的大小.只能提供以下代码供参考:
<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>
