prabhuramkumar/CSS trick on word-wrap.md

## CSS trick on word-wrap.md

      
    Raw
  

              CSS trick on word-wrap.md
            
          
    Just came across this scenerio...
word-wrap on table td's don't work
the work around for this is adding a wraper div and then applying word-wrap:break-word on it.
But then this is not a semantic solution whichc adds extra divs around content.
Another work around is adding table-layout:fixed on the main table and then addding word-wrap:break-word on td's.

  
    adsfdsafsdfsadfsdafsadfsd
    table content right
  

css:
table{
table-layout:fixed;
}
table td{
word-wrap:break-word;
width:300px;
}