Как предотвратить добавление тега 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>
Я попытался привести его в порядок. Как я могу отображать этот экран в одной строке?
Ответы
Ответ 1
Тег div
является блочным элементом, вызывающим это поведение.
Вместо этого вы должны использовать элемент span
, который является встроенным.
Если вы действительно хотите использовать div
, добавьте style="display: inline"
. (Вы также можете поместить это в правило CSS)
Ответ 2
Я не эксперт, но попробую white-space:nowrap;
Свойство white-space поддерживается во всех основных браузерах.
Примечание. Значение "inherit"
не поддерживается в IE7 и ранее. Для IE8 требуется !DOCTYPE
. IE9 поддерживает "inherit"
.
Ответ 3
div
- это элемент блока, который всегда занимает свою собственную строку.
используйте тег span
вместо
Ответ 4
используйте float: слева на div и ссылку или используйте диапазон.
Ответ 5
Добавьте style="display: inline"
в свой div.
Ответ 6
<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>
Ответ 7
Вы можете просто использовать:
#contentInfo_new br {display:none;}