2017-03-05 57 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

现在是团队合作 –