SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot matches's Avatar
    Join Date
    Aug 2006
    Posts
    196
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    how do you wrap a word with no spaces

    Is there a way too wrap a word with no spaces (like a url) with css?

  2. #2
    SitePoint Guru redhillccwebmas's Avatar
    Join Date
    Jun 2005
    Posts
    989
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not too sure if there's anything that is cross-browser compliant out there

  3. #3
    SitePoint Member
    Join Date
    Feb 2008
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If I understanding correctly with what you're answering, then yes but by using CSS3 (which is not widely supported)

    The most cross-browser friendly way to achieve this is by using the 'overflow-x:auto' property (although this isn' supported in any version of Opera below the current 9.5 Beta), which will extend the portal out in a horizontal direction in a 'frame-like' manner.

    The CSS3 'word-wrap' property was a de-facto property created originally by Microsoft that the W3C are now formalising in the CSS3 spec; this property does exactly what you are looking for, although it is only supported in the latest Webkit nightly builds, Opera 9.5 and (I think possibly) Konqueror.

    So in a nutshell, I would personally opt for using the 'overflow-y' property.

    Hope this helps

    James


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •