HTML中table<img src="" >该怎么样让图片对齐底部

HTML中table<img src="" >该怎么样让图片对齐底部,第1张

<td style="vertical-align: bottom"><img src="./240.jpg" style="width: 50px"></td>

直接在td里,设置一下vertical-align: bottom,就可以将图片底部对齐。

background:url(bgimage.gif) no-repeat center bottom。

center  这句是图片位置横向居中。

后面的这句bottom 是图片位置竖向最底部。

超文本标记语言, 标准通用标记语言下的一个应用。

指页面内可以包含图片、 链接,甚至音乐、 程序等非文字元素。

超文本标记语言的结构包括 “头”部分、和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的 具体内容。

万维网上的一个 超媒体文档称之为一个 页面。作为一个组织或者个人在 ,万维网上放置开始点的, 页面称为, 主页或首页。

主页中通常包括有指向其他相关页面或其他节点的 指针,所谓 级链接,就是一种, 统一资源定位器。

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<table width="100%" border="1" cellspacing="0" cellpadding="0">

  <tr>

    <td width="33%">&nbsp</td>

    <td width="33%">&nbsp</td>

    <td>&nbsp</td>

  </tr>

  <tr>

    <td>&nbsp</td>

    <td>&nbsp</td>

    <td>&nbsp</td>

  </tr>

  <tr>

    <td>&nbsp</td>

    <td height="200" align="center" valign="bottom"><img src="desert.jpg" width="200" height="120"></td>

    <td>&nbsp</td>

  </tr>

</table>

</body>

</html>

用一楼的方法,加背景图也可以实现。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7228117.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存