2017-02-12 8 views
0

텍스트가 부모 요소 p 안에 감싸는 것을 볼 수있는 테스트 페이지가 있습니다. 그러나 내가 살아있는 문제는 내 웹 사이트에서 똑같은 일을하려고 할 때 나는 span 태그의 첫 번째 줄만 볼 수있다. 나머지 텍스트는 P 요소 너비를 벗어날 때 숨겨집니다.span 요소 내부의 텍스트가 부모 태그의 너비 내에서 줄 바꿈하지 않습니다

내 문제를 해결하는 데 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 또는 이와 유사한