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; }
Comments
Post a Comment