Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS With some browsers words are being split at the end of the line

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #163355
    andreea
    Participant

    I recently discovered that with some browsers (e.g. Internet Explorer, Mozilla) on my website http://www.andreeaciorba-traduce.com the words are being split and hyphenated at the end of line. I changed in my CSS file word-break:break-all for word:break:keep all but nothing happened. I also tried changing the word-wrap property and still nothing.
    Any suggestions?
    Thank you, Andreea

    #163363
    Paulie_D
    Member

    The options under ‘word-wrap’ are:

    normal
    break-word
    inherit
    

    I’m not aware of ‘break-all’

    What you might be looking for is one of those and a combination of the white-space property.

    #163369
    andreea
    Participant

    thank you Paulie_D

    I tried these options:
    word-wrap: normal
    word-wrap: inherit

    and

    white-space:normal
    white-space:pre-line
    white-space:pre-wrap
    white-space:inherit

    and nothing worked, the words are still split

    #163371
    Paulie_D
    Member

    Hmmm…seems there is a ‘break-all’ for word-break …looks like I misread. :)

    https://css-tricks.com/almanac/properties/w/word-break/

    #163386
    andreea
    Participant

    I also found comments on internet on how to break words but not so much on how to prevent this from happening.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.