Jump to content

Recommended Posts

This is the CSS of a table. The table holds text data which is an user contribution.

 

table.character_artwork_table {
    clear: both;
    border: 1px solid #e2e2e2;
    min-width: 600px;
    max-width: 750px;
    empty-cells: show;
    margin: 2em 0 2em 0em;
}
table.character_artwork_table td {
    border: 1px dashed lightgrey;
    padding: 0 0 0 0.2em;
}


/* Contribution Area */

table.character_artwork_table tr:last-child > td {
    padding: 2em 0 2em 2em;
    font-family: verdana;
    font-size: 12pt;
    letter-spacing: 0;
    line-height: 1;
}

/* Description Area */

table.character_artwork_table tr:nth-last-child(3) p {
   padding: 1em 0 1em 0;
   word-wrap: break-word;
}


table.character_artwork_table tr:first-child, 
table.character_artwork_table tr:nth-child(2), 
table.character_artwork_table tr:nth-child(3) {
    background-color: #f9f9f9;
}
table.character_artwork_table tr:nth-last-child(2) {
    background-color: #f9f9f9;
}
table.character_artwork_table tr td:first-child img {
    margin: 5px -20px -40px 5px;
    
}

 

I think I did use the word-wrap in the right way, though I seem to have not, otherwise it would work.

 

Let me explain, the table itself has a maximum width of 750px as you can see in the first block at the top, I am using the word warp property in the description area of the table, and when an entry like for example a continuous string has been done, which breaks the boundaries of the table and stretches the table further than the maximum width than I would like to have the continuous string to be broken BY the maximum width.

 

I also used the break-word attribute, which is supposed to break words which are normally unbreakable.

 

So far, so good, so far I tried to use this property the way I understood it from the description on W3C here: http://www.w3schools.com/cssref/css3_pr_word-wrap.asp

 

Though why does now a continuous string entry like "blaaaaaaaaaaaaaaaaaaaa" not get broken, for me, in my script? And that exactly describes my question.

 

Even though I used everything the way I understood from the documentation this long word still does not get broken.

 

Any suggestions?

Link to comment
https://forums.phpfreaks.com/topic/252241-trying-to-get-word-wrap-working/
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.