回答:どのように水平方向に垂直方向に要素を中心に
1449 ワード
回答:どのように水平方向と垂直方向に要素を中心に
月9日
2
場所:アイテム
最後に、我々はそれを容易にするためにCSSグリッドの place-items: center
している.
HTML
<div class="parent">
<div class="to-center"></div>
</div>
CSS
.parent {
display: grid;
place-items: center;
}
出力:
html,
body {
height: 100%;
}
.container {
display: grid;
place-items: center;
height: 100%;
}
.center {
background:
...
Open Full Answer
Reference
この問題について(回答:どのように水平方向に垂直方向に要素を中心に), 我々は、より多くの情報をここで見つけました
https://dev.to/rnagarajan96/answer-how-to-center-an-element-horizontally-and-vertically-2k3o
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<div class="parent">
<div class="to-center"></div>
</div>
.parent {
display: grid;
place-items: center;
}
html,
body {
height: 100%;
}
.container {
display: grid;
place-items: center;
height: 100%;
}
.center {
background:
Reference
この問題について(回答:どのように水平方向に垂直方向に要素を中心に), 我々は、より多くの情報をここで見つけました https://dev.to/rnagarajan96/answer-how-to-center-an-element-horizontally-and-vertically-2k3oテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol