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.

Margin collapsing in flexbox

Typically, in CSS, when a parent and its last child have a margin, the margins collapse to create a single …

css flexbox
Angular Material mat-drawer in full height flex, content overflow auto

Yesterday I faced a CSS issue which seems to be related to mat-drawer and Angulars router-outlet. I have got a …

css angular flexbox angular-material angular-router
Browser support for Angular material

I want to use Angular Material for my next projects. https://material.angularjs.org I didn't find any documentation about …

javascript css angularjs flexbox angularjs-material
margin-top only when the flex item is wrapped

I have a flex container with two flex items. I want to set a margin-top on the second one, but …

css margin flexbox
IE11 flexbox preventing text wrapping?

I am developing a site which displays OK in the latest versions of Firefox/SeaMonkey/Chrome, but interestingly in IE11 …

css flexbox internet-explorer-11
How to set column height equal to longest column in Bulma (flexbox)?

I'm using Bulma 0.4.0, though the answer may not be associated with Bulma itself. How can I set column height equal …

css flexbox bulma
CSS Flex Box: How to vertically align "flex items" to middle without losing flex item height?

Currently my "flex" items look like this (vertically aligned: top)... _____________________________________ 1 _____________________________________ 2 _____________________________________ 3 _____________________________________ 4 _____________________________________ My Goal is to make them look like this (vertically …

html css flexbox grid-system
text-overflow ellipsis not working in nested flexbox

I have a two-column layout created with flexboxes. In the right column, I have two rows, the first containing a …

html css flexbox ellipsis
multiline-flexbox in IE11 calculating widths incorrectly?

Seems IE11 doesn't calculate flex item widths properly if flex-wrap: wrap is used. See http://jsfiddle.net/MartijnR/WRn9r/6/ …

css internet-explorer-11 flexbox
Make flex container take width of content, not width 100%

In the below example, I have a button with the following styles... .button-flexbox-approach { /* other button styles */ display: flex; justify-content: center; …

html css flexbox frontend