2017-02-12 11 views
0

У меня есть эта тестовая страница, на которой я вижу, что текст обернут вокруг элемента Parent p. Но проблема, которую я делаю, - это когда я пытаюсь сделать то же самое на своем веб-сайте, я вижу только первую строку тега span. и остальная часть текста скрыта, когда они находятся за пределами ширины элемента P.Текст внутри элемента span не обтекает ширину родительского тега p

Не могли бы вы рассказать мне, что в инструменте разработчика Chrome я должен посмотреть, чтобы решить проблему?

<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> 

ответ

0

вы должны смотреть на запрет переноса слов для тега p или span. white-space: nowrap или что-то подобное.