-1

I am not able to find word-wrap in my CSS templates. What could be the reason for there being no word wrap? And how would I go about fixing this?

Neil
  • 14,063
  • 3
  • 30
  • 51
shweta
  • 19
  • 1
  • 4
  • You need to be a lot more specific. What do you mean when you say that `word-wrap` is not found in **CSS** template options? What is this template you speak of? – Matthew Beckman Mar 16 '17 at 05:32
  • @MatthewBeckman If I use , I get CSS template proposals that I can use .I am not able to find word-wrap that I need to use in the above list of proposal .I guess it might be the reason that word wrap is not working in my code . – shweta Mar 16 '17 at 05:42
  • You should really link to the CSS templates your referring to. – Neil Mar 17 '17 at 01:16
  • It sounds like you are referring to auto-complete in your text editor or IDE. Am I correct? `word-wrap` is a CSS3 property so your text editor/IDE might not have the latest CSS properties. You might have to update your editor. – Cave Johnson Mar 17 '17 at 01:20

1 Answers1

0

You can use word-wrap on td elements. I'm guessing you are using software that waits for you to type option and then lets you select from the options.

You can see the working example below, or see this answer for more information. The important part below is table-layout: fixed along with the word-wrap on the td element.

Working Example

td {
  border: 1px solid;
}
<table style="table-layout: fixed; width: 100%">
  <tr>
    <td style="word-wrap: break-word">
      LongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongWord
    </td>
    <td style="word-wrap: break-word">
      LongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongWord
    </td>
  </tr>
</table>
Community
  • 1
  • 1
Matthew Beckman
  • 1,702
  • 2
  • 16
  • 28