0

这是我的代码:

<table width="90%" align="center" bgcolor="#669999" border="10" cellpadding="0" cellspacing="0">
    <tr>
        <td style="border-width:0px 0px 0px 0px; font-family: Nyala; font-size: 90px; color: #000;"><p><span class="font1">Name<br /></span>
        Name2</p></td>
        <td width="300" align="center" style="vertical-align:top" style="border-width:0px 0px 0px 0px"><img src="pictures/logo - without bg.png" width="200" height="200" alt="logo-without bg" /></td>
  </tr>
</table>

我的问题:

当我不使用该style="vertical-align:top"属性时,第二列周围没有细边框。但是,当我使用这个属性时,我不知道我从哪里得到边框,而我使用的border-width属性设置为0.

不想在使用vertical-align属性时获得任何类型的边框。

4

3 回答 3

1

您已经复制了 html 元素 td 的样式属性。您必须在 1 个属性中指定所有不同的样式,用分号分隔。改变

<td width="300" align="center" style="vertical-align:top" style="border-width:0px 0px 0px 0px"><img src="pictures/logo - without bg.png" width="200" height="200" alt="logo-without bg" /></td>

进入

<td width="300" align="center" style="vertical-align:top;border-width:0px 0px 0px 0px"><img src="pictures/logo - without bg.png" width="200" height="200" alt="logo-without bg" /></td>
于 2013-06-28T14:10:24.240 回答
0
<table width="90%" align="center" bgcolor="#669999" border="10" cellpadding="0"    cellspacing="0">
 <tr>
    <td style="border-width:0px 0px 0px 0px; font-family: Nyala; font-size: 90px; color: #000;"><p><span class="font1">Name<br /></span>
    Name2</p></td>
    <td width="300" align="center" style="border-width:0px 0px 0px 0px; vertical-align:top; "><img src="pictures/logo - without bg.png" width="200" height="200" alt="logo-without bg" /></td>

我改变的是style="vertical-align:top" style="border-width:0px 0px 0px 0px"

我将它们全部放在一个样式部分并添加了分号。

于 2013-06-28T14:11:15.850 回答
0

这是您的快速修复:删除第二个样式属性,并将其内容移动到第一个。

<td width="300" align="center" style="vertical-align:top; border-width:0px 0px 0px 0px"><img src="pictures/logo - without bg.png" width="200" height="200" alt="logo-without bg" /></td>

请注意,一个 HTML 标记中不能有两个同名的属性。

于 2013-06-28T14:11:32.357 回答