Display flex is not working in IE
Maria Jeysingh Anbu
I'm trying to do the center alignment for the image in <div class="product-image-area"> using display:flex;
That is working fine on Edge, Firefox and Chrome but not on IE.
CSS:
.horizontal {
display: flex;
justify-content: center;
}
.vertical {
display: flex;
flex-direction: column;
justify-content: center;
}
Fiddle Here: JS Fiddle
Result in Edge,chrome and Firefox 
Result in IE
Maria Jeysingh Anbu
Removed img-responsive CSS class from img and added vertical
.horizontal {
height: 150px;
line-height: 150px;
text-align: center;
}
.vertical {
vertical-align: middle;
max-height: 150px;
max-width: 100%;
}
updated Fiddle Here
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: how to display either of the two database values in a label using autocomplete in php
- Next: How to tidy data from different columns into one
Related
Related Related
- 1
display:flex not working in Chrome
- 2
Display Flex not working on Firefox but Chrome
- 3
is it possible display: inline-flex in IE 9?
- 4
Flex flow not working in IE11
- 5
Display:none not working in IE 9
- 6
Display:none not working in IE 9
- 7
div height:100% and display:flex not working in Chrome
- 8
Safari display flex not working when elements are 25%
- 9
div height:100% and display:flex not working in Chrome
- 10
Does IE9 not support display: inline-flex at all?
- 11
sticky footer display table not working on Firefox / IE
- 12
Flexbox: flex-shrink not working in IE11 and below
- 13
display:table & display:table-cell not working in IE9
- 14
display:table & display:table-cell not working in IE9
- 15
CSS display:flex align-items:baseline not working in Firefox
- 16
Can't get display:block element (instead a display:flex element) to contain it's child in IE11
- 17
Div display:initial not working as intended in ie10 and chrome 29
- 18
.table-cell and .table display not working well on IE
- 19
JqGrid free display not working in chrome as it does nicely in IE 11
- 20
Word-break / word-wrap inside display flex cell IE10
- 21
Word-break / word-wrap inside display flex cell IE10
- 22
Flex box fix for IE?
- 23
Display:flex not working when added into my css no matter what I try
- 24
Is this a correct use for display:flex?
- 25
Display table on flex item
- 26
Display:Flex not supported in Safari?
- 27
Display flex align to right
- 28
Error with display: flex on safari?
- 29
Wrap boxes in display: flex
Comments