プロが教える店舗&オフィスのセキュリティ対策術

こんにちは
aタグのの内容を上下左右の中央に寄せたいのですが、
どのようにすればよいでしょうか?

html--------------
<div class="specialEdition">
<a href="#">LINK</a>
</div>

css---------------
#leftcolumn .specialEdition {
position:relative;
width:180px;
height:100px;
background:url(images/left01.png) no-repeat;
cursor:pointer;}
#leftcolumn .specialEdition a{
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;}

A 回答 (1件)

li 長さ指定 - Webデザイン・CSS - 教えて!goo(

http://oshiete.goo.ne.jp/qa/7923370.html )
のNo.2 で回答しました。
 横に配置すれば、必ず必要になる設定です。
 あわせて、ブロックの高さの中心に合わせる方法
 ウィンドウ横幅に依存しない方法も示してあります。
  これによって幅広ディスプレイでもスマホでも対応できます。

★a要素は行内要素ですから、必ずblockに指定しないと、text-alignの意味がありません。もちろんその親がブロックならそれでも良いですが・・
 No.2の回答を実際に試して理解してください。それが一番判りやすいでしょう。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!