[html] DIV 태그가 새 줄을 시작하지 않도록하려면 어떻게해야합니까?

Program / 글쓴이

태그가 포함 된 브라우저에 한 줄의 텍스트를 출력하고 싶습니다. 이것이 렌더링되면 DIV가 새 줄을 생성하는 것처럼 보입니다. 같은 줄의 div 태그에 콘텐츠를 어떻게 포함시킬 수 있습니까?-여기 내 코드가 있습니다.

<?php
  echo("<a href=\"pagea.php?id=$id\">Page A</a>")
?>
<div id="contentInfo_new">
  <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script>
</div>

나는 여기를 정리하려고 노력했습니다. 이 디스플레이를 한 줄에 표시하려면 어떻게해야합니까?

답변

div태그는 그 동작을 유발하면, 블록 요소이다.

span대신 인라인 요소를 사용해야합니다 .

당신이 경우 실제로 사용하려면 div, 추가 style="display: inline". (CSS 규칙에 넣을 수도 있습니다)

답변

나는 전문가는 아니지만 시도 white-space:nowrap;

공백 속성은 모든 주요 브라우저에서 지원됩니다.

참고 :이 값 "inherit"은 IE7 및 이전 버전에서 지원되지 않습니다. IE8에는 !DOCTYPE. IE9는 "inherit".

답변

div 항상 자체 줄을 차지하는 블록 요소입니다.

사용 span대신에 태그를

답변

style="display: inline"div에 추가 하십시오.

답변

div 및 링크에서 float : left를 사용하거나 스팬을 사용하십시오.

답변

css 속성 사용-공백 : nowrap;

답변

줄 바꿈을 수행하는 더 좋은 방법은 CSS 스타일 매개 변수 공백과 함께 span을 사용하는 것입니다. nowrap;

span.nobreak {
  white-space: nowrap;
}

or
span.nobreak {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

HTML에서 직접 예제

<span style='overflow:hidden; white-space: nowrap;'> YOUR EXTENSIVE TEXT THAT YOU CAN´T BREAK LINE ....</span>