Long words in Table: CSS word-wrap and word-break - difference

I need to break long sentences and words in HTML table, mostly because of the mobile version of web, to avoid overflow and keep the width. I have found CSS word-wrap and word-break.

What is the difference between them ?
0
give a positive ratinggive a negative rating
Hi,

Both word-wrap and word-break can give the same results in some cases. But depending on situation and web browser, they can work differently, so it will be good to try what is better you.

Word-wrap allows long words to be able to be broken and wrap onto the next line.

Word-break specifies how words should break when reaching the end of a line.

To prevent overflow and keep the table width, I use word-break: break-word;. When I use word-wrap, the words are broken differently in each cell (column) and the table gets a bit wider than required.
Share on FacebookShare on TwitterShare on LinkedInSend email
1 answer
x
x
2024 AnswerTabsTermsContact us