DIV内容文本显示在单行/行中

时间:2011-04-28 09:31:29

标签: javascript css

div ><hr><p><span STYLE="font-size:24; color: black">Site:</span> Downtown Denver DataCenter - CCODEN44 | <span STYLE="font-size:24; color: black">Device:</span> CCODEN44-ACME-RTR-1 | <span STYLE="font-size:24; color: black">Interface:</span> Wilmington DataCenter, DC  <span STYLE="font-size:24; color: black">Print</span><hr></p></div>

嗨,在div标签内,我在<HR><P> here some content </p></HR>

中放了一些文字

在内容之间借助一些span标签提供内容。

目前,内容以两行显示。

我想让所有这些内容出现在单行/行

请指教。

2 个答案:

答案 0 :(得分:7)

<div style="white-space: nowrap">

并且您的代码中出现错误,第二个hr应该在<p>..</p> p元素之外,只能包含在流文本或内联元素中

答案 1 :(得分:0)

<div><hr><p><span STYLE="font-size:24; color: black">Site:</span> Downtown Denver DataCenter - CCODEN44 | <span STYLE="font-size:24; color: black">Device:</span> CCODEN44-ACME-RTR-1 | <span STYLE="font-size:24; color: black">Interface:</span> Wilmington DataCenter, DC  <span STYLE="font-size:24; color: black">Print</span><hr></p></div>