Top "Flexbox" questions

CSS module for flexible layouts providing a broad range of options for aligning elements while eliminating the need for floats and tables.

white-space: nowrap; and flexbox did not work in chrome

Recent update of Chrome breaks white-space: nowrap using text-overflow: ellipsis; on a overflow: hidden element. How to fix that without …

css overflow flexbox ellipsis nowrap
How to get `page-break-inside: avoid` to work nicely with `flex-wrap: wrap`

I am trying to get page-break-inside: avoid to work in a form that uses a multi-line flexbox layout (with flex-wrap: …

google-chrome flexbox internet-explorer-11 page-break-inside
Flexbox, responsive grid of square divs maintaining aspect ratio

I'm trying to create a 2x2 grid with divs. Some of the divs might contain an image, but it will …

css flexbox grid-layout aspect-ratio
Equal height children of flex items

I'm having a problem creating a flexbox responsive grid and was hoping that someone can point me to the right …

html css flexbox grid-layout
Flexbox in IE10

I'm trying to get flex box working in IE10 but it's not working. Safari, Chrome and Firefox are working fine, …

css internet-explorer-10 flexbox
Angular 2 Flex Layout Align Icon Right

I am having trouble aligning items using Angular Flex Layout. The below snipper doesnt align the <md-icon> to …

css angular flexbox angular-material2 angular-flex-layout
Why does flex-box work with a div, but not a table?

The following simple snippet results in a single web page that takes up the available screen space with a header …

html css flexbox css-tables
Recharts Responsive Container does not resize correctly in flexbox

I'm trying to create a custom collapsable legend for my data visualization app. It uses react and recharts. the component …

css reactjs user-interface flexbox recharts
page-break-after not working in flexboxes

This doesn't produce the expected result inside print preview in Firefox: <aside> side </aside> <div&…

css firefox printing flexbox page-break
How Do I Fix A Flexbox Sticky Footer In IE11

I have created a sticky footer using flexbox. It works in all browsers apart from IE11. Codepen Why is it …

html css internet-explorer flexbox sticky-footer