こんにちは
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件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
li 長さ指定 - Webデザイン・CSS - 教えて!goo(
http://oshiete.goo.ne.jp/qa/7923370.html )のNo.2 で回答しました。
横に配置すれば、必ず必要になる設定です。
あわせて、ブロックの高さの中心に合わせる方法
ウィンドウ横幅に依存しない方法も示してあります。
これによって幅広ディスプレイでもスマホでも対応できます。
★a要素は行内要素ですから、必ずblockに指定しないと、text-alignの意味がありません。もちろんその親がブロックならそれでも良いですが・・
No.2の回答を実際に試して理解してください。それが一番判りやすいでしょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
含む含まないという概念自体の...
-
【ヒトの神秘】美男美女から何...
-
HTMLです
-
質問1.
-
テーブルタグを使わない、表作り。
-
C言語について。
-
マージソートの計算量について-...
-
HTMLの条件によって表示方向が...
-
CSSのセレクタに指定するbodyと...
-
HTMLページ上でiframeを最前面...
-
改行ほどは行かないけど、若干...
-
HTMLです次の意味を持つ要素ま...
-
textareaの幅を画面と合わせたい
-
HTMLです 四角みたいにして中に...
-
拡大してもはみ出さないコーデ...
-
smallにtext-allignが効かない
-
cssでhtml{width:100%;}...
-
CENTERタグは廃止になるんでし...
-
テキストボックスの中にリンク...
-
input type="hidden"で取得した...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
還暦を過ぎた方々に質問です。
-
【ヒトの神秘】美男美女から何...
-
質問1.
-
含む含まないという概念自体の...
-
smallにtext-allignが効かない
-
角丸画像の背景色を透明にした...
-
tdに対してmin-heightの定義、...
-
改行ほどは行かないけど、若干...
-
html タグの閉じスラッシュ前の...
-
テキストボックスの中にリンク...
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
タグは大文字と小文字どちらが...
-
CSSで改行後の行間調整
-
H1タグを画像にしたい
-
2個のFormを横並びにしたい
-
textareaの幅を画面と合わせたい
-
border: noneでボタンの境界線...
-
CSS:overflow要素の印刷について
-
HTMLの・要素・属性・属性値 は...
おすすめ情報