文章/答案/技术大牛

发布

社区首页 >问答首页 >表格图片对齐问题

问表格图片对齐问题
EN

Stack Overflow用户

提问于 2013-04-22 18:23:08

回答 1查看 176关注 0票数 0

这是我第一次在这里发帖，因为如果我通常能在其他答案中找到代码问题的解决方案，这一次，无论我尝试什么，它都不起作用。

我正在做一个有两个行的表格，基本上在第一行链接一些PDF文档的标题下(第二行)图片。

问题是图片的大小不一样(这是不能改变的)。我希望它们在行的底部对齐，在分隔线之前留出一小块空白处。

现在，它们是居中的(我猜是默认的)，这不是很糟糕，但无论如何都不是我想要的。当它们居中时，我遇到的第二个问题是，由于某种原因，行的第一张图片总是比其他图片高一点。不知道为什么。

希望你能帮助我编写下面的代码(我假设它充满了错误，因为有几个调用不起作用，可能会被删除)。

<table width="780"; bgcolor="#e8e8e8" style="table-layout:fixed" VALIGN="top">

<tr>


<td style="word-wrap: break-word;"; ALIGN="CENTER">
<div align="center";>

<a href="PDF URL" target="_blank">
        <img src="URL" alt="ALT">
    </a>
</div>
</td>

<td>
<div align="center">
<a href="PDF URL" target="_blank">
       <img src="URL" alt="ALT">
    </a>
</div>
</td>

<td>
<div align="center">
<a href="PDF URL" target="_blank">
       <img src="URL" alt="ALT">
    </a>
</div>
</td>



</tr>
<tr>
<td><div align="center"><p style="font-size:11px"><a title="TITLE1" href="URL" target="_blank">TITLE1</p></a>
</div></td>
<td><div align="center"><p style="font-size:11px"><a title="TITLE2" href="URL" target="_blank">TITLE2</p></a>
</div></td>
<td><div align="center"><p style="font-size:11px"><a title="TITLE3" href="URL" target="_blank">TITLE3</p></a>
</div></td>
<td><div align="center"><p style="font-size:11px"><a title="TITLE4" href="URL" target="_blank">TITLE4</p></a>
</div></td>

{/tr}
{/table}

alignment

html

css

html-table

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-04-22 18:41:04

首先应该在头文件中包含一个.css文件调用，如下所示：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

然后，您可以创建一个"mystyle.css“文件，以便为您的表格应用所有想要的样式。

看看这一页。W3School - CSS

这里有一些关于如何改变颜色，页边距，背景图片等的例子。

编辑：

如果你想应用.html文件中的所有样式，试着看看这个网页。http://www.w3schools.com/tags/

这里你有所有的html标签，选择一个你想要的，看看可以使用的属性。

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16144743

复制

相似问题

问表格图片对齐问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问表格图片对齐问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问表格图片对齐问题
EN