html - Alternative for table-cell, it doesn't change with the width of the screen(wrap?) -


i have problem <div> table doesn't resize when change width of screen. know can flexbox, can't figure out how.

this current code:

css:

.boxer-center {     display: table;     border-collapse: collapse;     margin: auto; } .boxer .box-row {     display: table-row;     padding: 5px; } .box_pricing{     display: table-cell;     text-align: left;     padding: 5px;     vertical-align: middle;     border: 1px dashed red;     min-width: 300px; } 

html:

<div class="boxer-center">     <div class="box-row">         <div class="box_pricing">hi</div>         <div class="box_pricing">hi</div>         <div class="box_pricing">hi</div>     </div>     <div class="box-row">         <div class="box_pricing">asd</div>         <div class="box_pricing">asd</div>         <div class="box_pricing">asd</div>     </div> </div> 

i tried convert flexbox, not work me. can me it?

.boxer-center {     position: relative;     display: table;     border-collapse: collapse;     width: 100%; } .box-row {     display: table-row;     padding: 5px; } .box_pricing{     display: table-cell;     text-align: left;     padding: 5px;     vertical-align: middle;     border: 1px dashed red; } 

jsfiddle example


Comments

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -