如何同時使用垂直對齊屬性HTML

去除邊框這是我的代碼：如何同時使用垂直對齊屬性HTML

<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財產。

來源

2013-06-28 PHP Developer

我在這兩種情況下都有這個薄邊框。 – Jerska

請不要多次使用相同的屬性（最後一個'td'有兩個'style'屬性）。不同的瀏覽器以不同的方式處理，大多數忽略其中的一個，再加上它違背了標準。 –

那麼如何在單個td中使用多個「風格」？ –

您已複製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-28 14:10:24 Aleeeeee

建議使用樣式表是個好主意。更清潔，更容易更新:) –

它的工作！謝謝！ :) –

@GCyrillus是的，你是對的;） – Aleeeeee

<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-28 14:11:15 echolocation

這是您的快速修復：刪除第二個樣式屬性，並將其內容移到第一個。

<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-28 14:11:32 Jerska

如何同時使用垂直對齊屬性HTML

回答

相關問題