Wrap text in <td> tag

html css html-table word-wrap
sagar picture sagar · Jun 29, 2009 · Viewed 409.8k times · Source

I want to wrap some text that is added to a <td> element. I have tried with style="word-wrap: break-word;" width="15%". But it is not wrapping the text. Is it mandatory to give it 100% width? I have other controls to display so only 15% width is available.

Answer

Jitender Mahlawat picture Jitender Mahlawat · May 29, 2012

To Wrap TD text

First set table style

table{
    table-layout: fixed;
}

then set TD Style 

td{
    word-wrap:break-word
}

Related questions

Set cellpadding and cellspacing in CSS?

In an HTML table, the cellpadding and cellspacing can be set like this: <table cellspacing="1" cellpadding="1"> How can the same be accomplished using CSS?

Read More
Make a div fill the height of the remaining screen space

I am working on a web application where I want the content to fill the height of the entire screen. The page has a header, which contains a logo, and account information. This could be an arbitrary height. I want …

Read More
Table fixed header and scrollable body

I am trying to make a table with fixed header and a scrollable content using the bootstrap 3 table. Unfortunately the solutions I have found does not work with bootstrap or mess up the style. Here there is a simple bootstrap …

Read More