2017-03-05 40 views
0

我的代碼:在錶鏈接頭的垂直對齊

<table style="text-align: center; width: 100%;" border="2" cellpadding="2" cellspacing="2"> 
    <tbody> 
    <tr> 
     <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><h2><a href="#" target="_blank" style="text-decoration:none; color:#34495e;">O mnie</a></h2> 
     </td> 
     <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><a href="#" target="_blank" style="text-decoration:none; color:#34495e"><h2>Inne Produkty</h2></a> 
     </td> 
     <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><a href="#" target="_blank" style="text-decoration:none; color:#34495e"><h2>Komentarze</h2></a> 
     </td> 
    </tr> 
    </tbody> 
</table> 

編輯:原來的問題已被解釋爲:

我想的第一列文(鏈接)是在中間,正如接下來的兩個,但<a href"#"...></a><h2>之內。因爲我想放置的地方不支持以相反的方式進行。含義,h2不能放在<a>標籤內。

OP希望第一鏈接a標籤內具有h2標籤時,可以垂直排列

(以下原文)

我想要的文字(鏈接)第一的列在中間,就像兩個旁邊但是在我想放的原因所在的地方不支持以相反的方式進行。

+0

我尊重那英文可能不是你的第一語言,但我不知道你在問什麼ERE。你試圖達到什麼目標無效? –

+1

*「但是在希望放置的原因地方有havinh不支持反方向做。」*咦? –

+0

可否請您描述更多的問題,例如,當您不想用文本解釋時,想要的結果的小圖片......我不理解爲中間是文本鏈接的列......在具體是什麼? –

回答

0

現在我想我明白你想(感謝韋斯·福斯特)是什麼:<h2 style="inline-block;">

<table style="text-align: center; width: 100%;" border="2" cellpadding="2" cellspacing="2"> 
 
    <tbody> 
 
    <tr> 
 
     <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><h2 style="inline-block;"><a href="#" target="_blank" style="text-decoration:none; color:#34495e;">O mnie</a></h2> 
 
     </td> 
 
     <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><a href="#" target="_blank" style="text-decoration:none; color:#34495e"><h2>Inne Produkty</h2></a> 
 
     </td> 
 
     <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><a href="#" target="_blank" style="text-decoration:none; color:#34495e"><h2>Komentarze</h2></a> 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
</table>

通過添加以下style屬性,它使你的h2元素的inline-block的

+1

現在是團隊合作 –