2017-03-05 8 views
0

マイコード:垂直-ALIGN

<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> 

編集:私がする最初の列のテキスト(リンク)したい

:元の質問は次のように解釈されています真ん中には、次の2つと同じですが、<a href"#"...></a><h2>の範囲内にあります。私が置いておきたい場所は、それを逆にすることをサポートしていないからです。意味、h2は、<a>タグ内に配置することはできません。

OPは、私が最初のテキスト(リンク)したいaタグ

(以下、オリジナルテキスト)

h2タグを持ったときに最初のリンクが垂直に整列されることを望んで私はそれを入れたい場所の中でhavinhとは反対にそれを行うことをサポートしていません。

+0

私はその英語がおそらくあなたの母国語ではないことを尊敬しますが、あなたが何を求めているのか分かりませんere。あなたが達成しようとしていることは、それが働いていないのですか? –

+1

*「私はそれを置いておきたい理由の中で楽しいとは反対にすることをサポートしていない」* huh? –

+0

あなたはもっと問題を説明してください。例えば、テキストで説明したくないときには、望みの結果が少し表示されます。中間のテキストリンクを持つ列であることは分かりません。具体的に何の真ん中? –

答えて

0

私は今、私はあなたが欲しいもの(ウェス・フォスターのおかげで)理解と思う:

以下を追加してh2要素、インラインブロックを作るstyleそれに属性を:<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>

+1

これはチームワークです –