Как сделать, чтобы тег 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>

Я попытался привести его в порядок здесь. Как я могу иметь этот дисплей на одной строке?

7 64
html css

7 ответов:

The div тег-это элемент блока, вызывающий такое поведение.

вы должны использовать span элемент вместо этого, который является встроенным.

если вы действительно хотите использовать div добавьте style="display: inline". (Вы также можете поместить это в правило CSS)

119

Я не эксперт, но попробуйте white-space:nowrap;

свойство пробела поддерживается во всех основных браузерах.

Примечание: значение "inherit" Не поддерживается в IE7 и более ранних. IE8 требует !DOCTYPE. IE9 поддерживает "inherit".

24

div - это блочный элемент, который всегда занимает свою собственную строку.

использовать тег

16

использовать поплавок: слева на div и ссылку, или использовать пролет.

5

добавить style="display: inline" к вашему div.

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

вы можете просто использовать:

#contentInfo_new br {display:none;}
-1