web-dev-qa-db-ja.com

DIVタグが新しい行を開始しないようにするにはどうすればよいですか？

タグを含む1行のテキストをブラウザーに出力したい。これがレンダリングされると、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行で表示するにはどうすればよいですか？

htmlcss
80
undefined

divタグはブロック要素であり、その動作を引き起こします。

代わりに、インラインのspan要素を使用する必要があります。

reallydivを使用する場合は、style="display: inline"を追加します。 （CSSルールに入れることもできます）

127
SLaks

私は専門家ではありませんが、white-space:nowrap;を試してください

空白プロパティは、すべての主要なブラウザーでサポートされています。

注：値"inherit"はIE7以前ではサポートされていません。 IE8には!DOCTYPEが必要です。 IE9は"inherit"をサポートしています。

30
Shivanshu

divはブロック要素であり、常に独自の行を使用します。

代わりにspanタグを使用してください

16
cobbal

style="display: inline"をdivに追加します。

6
Franz

divとリンクでfloat：leftを使用するか、スパンを使用します。

5
Jimmeh