El espacio blanco

10/Abr/2008 387

La propiedad CSS para white-space no es muy conocida ni muy utilizada, pero sí tiene una importante utilidad al momento de diagramar textos. Son esos detalles finos que marcan la diferencia entre un escritor de código web, y un power master pro en estilos.

White-space define cómo se comportan los espacios en blanco dentro de un elemento, o sea, en un párrafo son los espacios entre 2 palabras. Sus valores son:

  • normal: por defecto, el espacio en blanco es ignorado por el browser.
  • pre: el espacio en blanco es preservado por el navegador.
  • nowrap: el texto no se quiebra, continúa en la misma línea hasta que no haya un quiebre mediante la etiqueta <br />.

Ahora, su real uso. Según veo, da igual si lo declaras o no para todos los <p> por ejemplo. Pero sí me da un real uso cuando trabajo con links. Si tengo uno o varios links de 2 o más palabras, y justo uno te ellos me pilla en el margen del contenedor y se le ocurre quebrarme en 2 el enlace… se ve bastante feo y dificulta la lectura de ese link:

Ver ejemplo

Bueno, con white-space: nowrap; se soluciona, ya que si el contenido dentro de <a></a> no cabe en la línea, no me lo corta en 2 (como ocurre con Miguel Benigno del ejemplo anterior… pobrecito), sino que entero baja al siguiente renglón.

Pequeños detalles que marcan la diferencia.

Comentarios

  1. Willie Tucker [#]

    abilify cytoxan vermox

  2. Scott Wehle [#]

    zetia mobic altace

  3. Mary Ortiz [#]

    I visited many websites except the audio feature for audio songs existing at this website is truly wonderful.

  4. Ann Devera [#]

    Ahaa, its pleasant dialogue on the topic
    of this piece of writing at this place at this webpage, I have
    read all that, so at this time me also commenting here.

  5. http://app.gumroad.com/asmr2021/p/best-asmr-online [#]

    Wow that was odd. I just wrote an really long comment but after I
    clicked submit my comment didn’t show up. Grrrr… well I’m not writing all that over again. Anyhow, just wanted to say fantastic
    blog! asmr https://app.gumroad.com/asmr2021/p/best-asmr-online asmr

  6. ivermectin1.com [#]

    stromectol canada El espacio blanco | CSSLab | Laboratorio de ideas web https://ivermectin1.com/ ivermectin tablets dosage

  7. j.mp [#]

    What’s up colleagues, good paragraph and good urging commented here,
    I am really enjoying by these. cheap flights http://1704milesapart.tumblr.com/ cheap flights

  8. Amyblabs [#]

    how to buy lisinopril

  9. why quest bars [#]

    You made some good points there. I looked on the net for more info
    about the issue and found most individuals will go along with your views on this
    site. quest bars http://bit.ly/3jZgEA2 quest bars

  10. Eyeblabs [#]

    viagra online canada generic

  11. http://bitly.com/ [#]

    Good information. Lucky me I came across your site by chance (stumbleupon).
    I’ve bookmarked it for later! scoliosis surgery https://0401mm.tumblr.com/ scoliosis surgery

  12. tinyurl.com [#]

    This is very fascinating, You are an overly skilled blogger.
    I have joined your rss feed and stay up for looking for extra of your excellent post.
    Also, I have shared your web site in my social networks ps4 games
    https://j.mp/3z5HwTp ps4

  13. Jasonblabs [#]

    prednisone without prescription.net

  14. coub.com [#]

    Hi, always i used to check blog posts here early in the dawn, as i enjoy to learn more and more.
    scoliosis surgery https://coub.com/stories/962966-scoliosis-surgery scoliosis surgery

  15. trend topic satın al [#]

    Kirgin bir g�n yasadim ama suan mutluyum

  16. www.iherb.com [#]

    I’m curious to find out what blog system you happen to
    be utilizing? I’m experiencing some minor security issues with my latest website and I’d like to
    find something more safe. Do you have any recommendations?
    quest bars https://www.iherb.com/search?kw=quest%20bars quest bars

  17. Paulblabs [#]

    cost generic viagra

  18. Jesus Norberg [#]

    flagyl bystolic requip

  19. Steven Trainor [#]

    zyloprim artane biaxin

  20. Martin Cazes [#]

    I’ve been browsing online more than 3 hours today, yet I
    never found any interesting article like yours. It’s pretty worth enough for me.
    In my view, if all webmasters and bloggers made
    good content as you did, the internet will be a lot more useful
    than ever before.

  21. Kevin Osborne [#]

    It is perfect time to make some plans for
    the future and it is time to be happy. I’ve read this post and if I could I want to suggest you some interesting things or suggestions.
    Perhaps you could write next articles referring to this article.

    I wish to read even more things about it!

  22. Amber Heisey [#]

    yasmin nexium paxil

  23. Chad Hernandez [#]

    flomax sustiva astelin

  24. William Mack [#]

    I’ve bee brfowsing onljne morfe thaqn three hours today, yett I nefer foundd aany interestijng article liike
    yours. It’s pretty worth enpugh forr me. Personally, iff all
    weeb ownners annd blpggers maqde goid clntent ass yyou did, thhe web wilkl bee a llot morre useful than evver before.

  25. Elisa Reyes [#]

    It’s perfect time to make some plans for the long run and it’s time to
    be happy. I’ve read this put up and if I could
    I desire to suggest you some fascinating things or tips. Maybe you can write subsequent articles relating to this article.
    I wish to read even more things about it!

  26. zyrtec samples hcp [#]

    cetirizine otc 10mg – https://allergyd.com

  27. Ashblabs [#]

    tadalafil generic 5mg

  28. zyrtec picture of pill [#]

    cetirizine medication – http://allergyd.com

  29. Rubenomina [#]

    protopic samples for healthcare professional kroger prescription refill online best price for viagra 100mg buy viagra new york nexium samples for physicians kroger pharmacy log in prescriptions

  30. BradleyHouff [#]

    vgr 100 best fitness supplements for women canadian pharmacies without an rx where to buy viagra online in usa what is a viagra pill free trial ed drugs

  31. Anthonyliz [#]

    cialis 20 mg walmart price india pharmacy viagra sildenafil 100mg online price cost of sildenafil at costco viagra 100mg tablets retail price humalog discount card

  32. Keithtyday [#]

    what can women take to increase libido generic for cialis 20mg generic viagra pill identification buy viagra online cheap no prescription female viagra without a doctor prescription is approved by fda taking viagra after a meal

  33. ivermectin 1 krim generik [#]

    ivermectin human dose uk http://stromectolforte.com/# ivermectin ivermectin 3 mg for humans

  34. RodolfoSwece [#]

    cvs pharmacy generic list how long is sildenafil effective strong sx pills order viagra online no prescription eliquis co pay card andro 400 at walgreens red pill urban dictionary

  35. piguЕ‚ka stromektolowa [#]

    ivermectin tablets https://stromectolforte.com/# ivermectin oral 0 8 ivermectin 3 mg

  36. FritzPeerb [#]

    best free drug discount card can i take two viagra sildenafil generic for revatio cialis 10mg foods that increase libido in men viagra coupons from pfizer levitra 20mg best price

  37. Joshuawag [#]

    best anti anxiety medications low dose cialis cost 4 dollar walmart list 2018 cialis on line where can i buy zytenz in stores free grocery coupons

CSSLab