Q&A
簡単そうですができないので、質問させて下さい。
下記のようなコードを書いているのですが、題に記載通り、aタグで囲った文字を、文字の長さがまちまちでも
全部中央揃えにしたいです。
今は、短い文字は上の方によってしまいます。
真ん中の長い文字が真ん中寄りで統一されるようになってしまいます。
行いたいことは、全部を縦で見て中央揃えにすることです。
以下のように「あああ」が配置される感じです。
回答いただければ幸いです。よろしくお願いします。
html
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>Document</title> 8 <style type="text/css"> 9 .container{ 10 display: flex; 11 } 12 a { 13 display: inline-block; 14 width: 50px; 15 border: 1px solid black; 16 margin: auto 5px; 17 height: 100px; 18 padding: 50px 15px; 19 text-align: center; 20 } 21 </style> 22</head> 23<body> 24<div class="container"> 25 <a href="#">あああ</a> 26 <a href="#">あああああああああ</a> 27 <a href="#">あああ</a> 28 </div> 29 30</body> 31</html>
回答1件
0
ベストアンサー
CSS
1a { 2 /*display: inline-block;*//*削除*/ 3 display:flex;/*追記*/ 4 align-items:center;/*追記*/ 5}
でいけるはずよ～
投稿2019/09/18 12:42
総合スコア1084
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/09/18 15:38