タグ付けされた質問 「absolute」

div（position:absolute;）要素をウィンドウの中央に配置する必要があります。しかし、幅が不明なため、問題が発生しています。 私はこれを試しました。ただし、幅は反応するため、調整する必要があります。 .center { left: 50%; bottom:5px; } 何か案は？

1078 css  css-position  center  absolute 

私はdivを持っていますが、水平方向に中央揃えにしたいのですが、中央揃えではありmargin:0 auto;ません... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

177 css  html  center  absolute 

相対パスを指定して絶対パスを取得するコマンドはありますか？ たとえば、$ lineにdir内の各ファイルの絶対パスを含めたい ./etc/ find ./ -type f | while read line; do echo $line done

159 bash  shell  path  absolute 

私はピンク色の容器の真ん中に青い容器を入れようとvertical-align: middle;していますが、その場合はうまくいかないようです。 <div style="display: block; position: absolute; left: 50px; top: 50px;"> <div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"> <div style="background-color: lightblue;">test</div> </div> </div> 結果： 期待： どうすればそれを達成できるか提案してください。 Jsfiddle

146 html  css  vertical-alignment  absolute 

私はいくつかのコンテナを持っており、その子は絶対的/相対的に配置されています。コンテナの高さを設定して、子供が中に入るようにする方法は？ これがコードです： HTML <section id="foo"> <header>Foo</header> <article> <div class="one"></div> <div class="two"></div> </article> </section> <div style="clear:both">Clear won't do.</div> <!-- I want to have a gap between sections here --> <section id="bar"> <header>bar</header> <article> <div class="one"></div><div></div> <div class="two"></div> </article> </section> CSS article { position: relative; } .one { position: absolute; top: 10px; …

100 html  css  position  height  absolute 

でているようですposition:absolute、使用中の要素を使用して中心にすることはできませんjustifyContentかalignItems。使用する回避策がありますmarginLeftが、デバイスの高さと幅を検出するために寸法を使用しても、すべてのデバイスで同じように表示されるわけではありません。 bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: height*0.93, marginLeft: width*0.18, }, bottomNav: { flexDirection: 'row', },

92 position  react-native  flexbox  absolute