Click here to Skip to main content
13,146,739 members (84,587 online)

Web Development

 
QuestionWeb technologies Pin
Junoli25-Nov-12 11:28
memberJunoli25-Nov-12 11:28 
SuggestionRe: Web technologies Pin
Jon Andersson29-Nov-12 10:21
memberJon Andersson29-Nov-12 10:21 
Questionbreak-word CSS Pin
Jon Andersson23-Nov-12 7:15
memberJon Andersson23-Nov-12 7:15 
AnswerRe: break-word CSS Pin
vbmike24-Nov-12 4:08
membervbmike24-Nov-12 4:08 
Not knowing what string you were using or what you expected to see, I just put some lorem ipsum within a table and changed the css class to:
.wraptext
{
    word-wrap: normal; /* Internet Explorer 5.5+ */
    width: 450px;
    mso-word-wrap: normal;
 
    -ms-word-break: normal;
    word-break: normal;
    -ms-word-wrap: normal;
    word-wrap: normal; /* Internet Explorer 5.5+ */
 
}

All major browsers made the table look the same for me after the changes. Notice I changed the values to "normal". This will make words break so they are readable and not between letters which looks weird to me. Leaving max-width in the class, browsers Opera and Safari did not care for and rendered the table at 100% regardless of max-width setting. If you need responsive design you will have to research the max-width thing. Removing the white space settings allowed for the text in the table cells to look better. Again, not knowing what exact result you were aiming at this is what I experimented with and found.
vbmike

GeneralRe: break-word CSS Pin
Jon Andersson24-Nov-12 13:13
memberJon Andersson24-Nov-12 13:13 
GeneralRe: break-word CSS Pin
vbmike29-Nov-12 9:58
membervbmike29-Nov-12 9:58 
GeneralRe: break-word CSS Pin
Jon Andersson29-Nov-12 10:04
memberJon Andersson29-Nov-12 10:04 
GeneralRe: break-word CSS Pin
vbmike29-Nov-12 10:10
membervbmike29-Nov-12 10:10 
AnswerRe: break-word CSS Pin
Jon Andersson29-Nov-12 10:14
memberJon Andersson29-Nov-12 10:14 
GeneralRe: break-word CSS Pin
vbmike29-Nov-12 11:06
membervbmike29-Nov-12 11:06 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.


Advertise | Privacy |
Web03 | 2.8.170915.1 | Last Updated 23 Sep 2017
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid