html - Table is using more than 100% width of its parent element, how can this be fixed by CSS only? -


i have root div using 100% width , want children not overlap (overflow:hidden) , not use more width 100%.

this works fine when work inner <div>s, if <table>s used, table gets wide, using more parent 100% div.

how can fixed while keeping table?

here jsfiddle.

screenshot:
enter image description here

you should give word-break: break-word; td text , because text large length, or can give td text word-break: break-all; breaking text.

updated css code

#wrapper table td{   word-break: break-word; } 

demo fiddle: https://jsfiddle.net/nikhilvkd/klt1mec8/3/


Comments

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

ios - UITEXTFIELD InputView Uipicker not working in swift -

Python Pig Latin Translator -