Perguntas com a marcação «absolute»

Preciso colocar um div(com position:absolute;) elemento no centro da minha janela. Mas estou tendo problemas para fazer isso, porque a largura é desconhecida . Eu tentei isso. Mas ele precisa ser ajustado, pois a largura é responsiva. .center { left: 50%; bottom:5px; } Alguma ideia?

1078 css  css-position  center  absolute 

Eu tenho uma div e quero que ela seja centralizada horizontalmente - embora eu esteja dando a ela margin:0 auto;que não é centralizada ... .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 

Existe um comando para recuperar o caminho absoluto, dado o caminho relativo? Por exemplo, quero que $ line contenha o caminho absoluto de cada arquivo em dir ./etc/ find ./ -type f | while read line; do echo $line done

159 bash  shell  path  absolute 

Estou tentando obter um contêiner azul no meio do rosa, mas parece vertical-align: middle;que não funciona nesse caso. <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> Resultado: Expectativa: Por favor, sugira como posso conseguir isso. Jsfiddle

146 html  css  vertical-alignment  absolute 

Tenho alguns contêineres e seus filhos estão posicionados apenas absolutos / relativamente. Como definir a altura dos contêineres para que seus filhos fiquem dentro deles? Aqui está o código: 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 …

100 html  css  position  height  absolute 

Parece que position:absoluteem uso um elemento não pode ser centralizado usando justifyContentou alignItems. Há uma solução alternativa a ser usada, marginLeftmas não exibe a mesma para todos os dispositivos, mesmo usando dimensões para detectar a altura e a largura do dispositivo. bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: …

96 position  react-native  flexbox  absolute