Запитання з тегом «absolute»

Мені потрібно розмістити div(з position:absolute;) елемент в центрі мого вікна. Але у мене виникають проблеми з цим, бо ширина невідома . Я спробував це. Але його потрібно відрегулювати, оскільки ширина чутлива. .center { left: 50%; bottom:5px; } Будь-які ідеї?

1078 css  css-position  center  absolute 

Я є дівом і хочу, щоб його було по центру горизонтально - хоча я даю йому 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 …

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

92 position  react-native  flexbox  absolute