teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

コード修正

2020/08/13 03:23

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -1,3 +1,21 @@
1
1
  `align-items: center;`
2
2
  を下記に変更。
3
- `align-items: flex-start;`
3
+ `align-items: flex-start;`
4
+
5
+ ---
6
+ コメントより
7
+ > 高さに対して上下中央に文字を配置したいと考えております
8
+
9
+ こういうことでしょうか。
10
+ ```html
11
+ <style>
12
+ body,html{
13
+ height:100%;
14
+ }
15
+ </style>
16
+
17
+ <div style="background-color:yellow;display:flex;align-items: center;
18
+ width:85%;height:30%;text-align:left;float:left">
19
+ なぜか中央揃えになる
20
+ </div>
21
+ ```