developer tip

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

optionbox 2020. 10. 7. 07:34
반응형

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


태그가 포함 된 브라우저에 한 줄의 텍스트를 출력하고 싶습니다. 이것이 렌더링되면 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를 사용하거나 스팬을 사용하십시오.


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

다음을 간단히 사용할 수 있습니다.

#contentInfo_new br {display:none;}

참고 URL : https://stackoverflow.com/questions/1826735/how-do-i-prevent-div-tag-starting-a-new-line

반응형