2017-03-27 6 views
0

divのサイズのリンクを作成することは、div内でテキストを垂直にセンタリングする(https://stackoverflow.com/a/12686489/982646)のように(https://stackoverflow.com/a/16555663/982646)非常に簡単です。div内のスペース全体をlinkで塗りつぶし、リンクテキストを垂直に配置するにはどうすればよいですか?

しかし、これらの2つをどのように組み合わせるのですか?

リンクの幅と高さを100%に設定した場合、それはもはや中央揃えされません。

+0

あなたのコードはどこですか? [最小限の、完全で検証可能な例](http://stackoverflow.com/help/mcve)を作成してください。 – hungerstar

答えて

0

親のdivをinline-blockに設定すると、リンクのサイズが同じになります。

リンクを垂直にセンタリングするには、コンテナのline-heightをリンクと同じ高さに設定します。

さらに垂直方向に配置するには他にも方法がありますが、より適切な解決方法を提供するためにはさらに情報が必要です。

ここに私が説明した例があります:http://codepen.io/JKudla/pen/xqaLvy

関連する問題