2017-02-12 1 views
0

J'ai cette page de test que je vois enrouler le texte dans l'élément Parent p. Mais le problème que je rencontre est que lorsque j'essaie de faire la même chose sur mon site web, je ne vois que la première ligne de la balise span. et le reste du texte est caché quand ils sont au-delà de la largeur de l'élément P.Le texte à l'intérieur d'un élément span ne s'enroule pas dans la largeur du marqueur parent p

Pouvez-vous s'il vous plaît me dire ce que l'outil de développement Chrome que je devrais regarder pour résoudre mon problème?

<html> 
    <body> 
     <p style="width: 120px;"> 
      <span> 
       Jellyfish or jellies[1] are softbodied, free-swimming aquatic animals with a gelatinous umbrella-shaped bell and trailing tentacles. The bell can pulsate to acquire propulsion and locomotion. The tentacles may be utilized to capture prey or defend against predators by emitting toxins in a painful sting. Jellyfish species are classified in the subphylum Medusozoa which makes up a major part of the phylum Cnidaria, although not all Medusozoa species are considered to be jellyfish. 
      </span> 
     </p> 
    </body> 
</html> 

Répondre

0

vous avez besoin de regarder l'interdiction mot-wrap pour la balise p ou span. white-space: nowrap ou quelque chose de similaire.