这是我第一次在这里发帖,因为如果通常我能够在其他答案中找到解决我的代码问题的方法,这次,无论我尝试什么,它都不起作用。
我正在做一个有两行的表格,第一行基本上是图片链接一些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}
答案 0 :(得分:-1)
您应首先在标题中包含.css文件调用,如下所示:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
然后你可以创建一个“mystyle.css”文件,以便为你的表格应用你想要的所有样式。
看看这个页面。 W3School - CSS
您有一些关于如何更改颜色,边距,背景图像等的示例。
编辑:
如果您想要应用.html文件中的所有样式,请尝试查看此网页。 http://www.w3schools.com/tags/
你有所有的html标签,选择你想要的标签,看看属性可以使用。