Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

'position：absolute'はflexboxと競合しますか？

絶対的な配置は、フレックスコンテナと競合しません。親の幅と値も設定する必要があります：

.parent {
   display: flex;
   justify-content: center;
   position: absolute;
   width:100%
}

HTMLは次のとおりです。

<div class = "parent">
   <div class = "child">text</div>
</div>

  1. ブロック要素内のテキストをHTMLで垂直方向に整列

    公式仕様に従って、をフレックスコンテナとして宣言し、align-itemsを使用してテキストを交差軸に沿って垂直方向に整列させる必要があります。 display: flex; align-items: center; -に移動することもできます display: -moz-box; -moz-box-align: center; 以下は、Flexboxの使用法を示す画像です-

  2. CSSFlexを使用して要素をコンテナの下部に配置する方法

    構文 CSSflexプロパティの構文は次のとおりです- Selector {    flex: /*value*/ } 例 次の例は、CSSフレックスプロパティを示しています。 <!DOCTYPE html> <html>    <head>       <style>          div {             display: flex;