Skip to main content

Timeline for answer to How can I vertically align elements in a div? by E. Serrano

Current License: CC BY-SA 4.0

Post Revisions

10 events
when toggle format what by license comment
S Mar 18, 2022 at 22:07 history suggested Manuel Meister CC BY-SA 4.0
add exception explanation
Mar 18, 2022 at 13:40 review Suggested edits
S Mar 18, 2022 at 22:07
May 29, 2021 at 13:44 history edited Peter Mortensen CC BY-SA 4.0
Active reading [<https://en.wikipedia.org/wiki/CSS_Flexible_Box_Layout> <https://en.wikipedia.org/wiki/Internet_Explorer_11#Internet_Explorer_10>].
Apr 15, 2020 at 17:13 history edited johannchopin CC BY-SA 4.0
Use SO code syntax to have highlighting
May 21, 2019 at 10:06 comment added icc97 Useful CSS tricks guide on flexbox then look at the align-items section
Apr 30, 2019 at 20:43 comment added Michael McKenna Why was this so hard for me to find >.< thanks for the answer! Can confirm this is working for me in a scenario where other answer did not work.
Feb 28, 2016 at 17:47 history edited E. Serrano CC BY-SA 3.0
Clarified potentially ambiguous wording
Feb 21, 2016 at 1:16 comment added shaunhusain @YazidErman this solution depends on flexbox so no, only IE 10 and above support or any other modern browser caniuse.com/#search=flexbox Flexbox is great where it's supported but that's not everywhere. The display table and table cell is probably the best solution really, container just needs to be table, element being centered is wrapped an element with display table cell then can just center as some other answers here point out.
Nov 4, 2015 at 5:18 comment added Boris Burkov A nice solution, thank you. Can you suggest how to make flexbox display a horizontal scrollbar, in case the inner element is bigger than the container? (I'm trying to make inner element zoomable/scrollable within the container, like canvas in powerpoint)? Is it possible at all?
Jun 26, 2015 at 16:56 history answered E. Serrano CC BY-SA 3.0