He de texto dentro de un párrafo

      <p style="width:200px;">Text goes here</p>

mi problema es que cuando el texto crece(más ancho),no ir a una nueva vida.Sale del párrafo.¿Cómo puedo controlar que el texto continúe en una nueva línea, si crece.

Gracias de antemano.

  • Esto funciona perfectamente en IE, Firefox, Chrome… probablemente Hay algo más interferir con este simple código.
  • yo estoy probando con google chrome.
  • Sí, y como he dicho y algunas respuestas, definitivamente hay algo interfiriendo con su elemento de párrafo, copia-pega como es aquí, funciona muy bien. Como una prueba : jsfiddle.net/CPy5E
InformationsquelleAutor | 2011-03-09

7 Comentarios

  1. 4

    Creo que hay más a esto que acaba de que la p de la etiqueta. Te recomiendo un vistazo a tu css para el sitio y ver si algo está cambiando en el overflow o word-wrap atributos.

    http://www.css3.com/css-word-wrap/

    http://www.css3.com/css-overflow/

    • es correcto si desea que el texto se ajuste línea por línea dentro de un ancho establecido estilo de elemento que se desea utilizar el word-wrap propiedad css que él/ella se mencionan.
    • en este caso, jsfiddle.net/Vivekranth/Ah6fb/28 necesito el texto que entró en la línea siguiente, mientras que sobre el flujo es eso posible
  2. 2

    quitar el ancho de la etiqueta p sir.

    <p>Text goes here.</p>

    Si no puede quitar el ancho trate de añadir el espacio en blanco atributo

    <p style="width:200px;white-space:pre;>Lot's of text here that will be wider than 200px</p>
    • Muchas gracias señor.
  3. 1

    Por defecto desbordamiento es automático que deben hacer es ir a la siguiente línea. Tal vez en algún otro lugar de establecer overflow: hidden; que es por qué lo hace. Pruebe a establecer overflow:auto de nuevo.

  4. 0

    Agregar

    espacio en blanco:abrigo;

    para el estilo. Que debe hacer el truco.

    • Este es un parámetro no válido para pasar a un espacio en blanco.
  5. 0

    Necesita usar CSS3 : word-wrap: break-word;
    Porque si usted tiene una palabra larga en el párrafo que siempre va a salir del elemento, por ejemplo : intentar

    <p style="width:100px;"> loremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsum </p> 
    <p style="width:100px; word-wrap:break-word;"> loremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsum </p> 

    Desbordamiento hará que el texto invisible .

  6. -1

    Porque casi todos los elementos HTML son las cajas , usted puede fijar su «etiqueta p» en su div como este

    <p style="position:relative; width:95%; height:whatever%;" > content </p>

    Usted también puede lograr texto sangría mediante la colocación de la caja mediante «css a la izquierda o a la derecha» de la propiedad.

    <p style="position:relative; width:95%; height:whatever%; left:20px;" > content </p>

    Nota : no olvidar «css propiedad de posición» antes de posicionamiento de cualquier cuadro.

Dejar respuesta

Please enter your comment!
Please enter your name here