Вопросы с тегом «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 содержал абсолютный путь к каждому файлу в директории ./etc/ find ./ -type f | while read line; do echo $line done

160 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

157 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 …

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: { …

93 position  react-native  flexbox  absolute