2011-05-11 78 views
3

遇到問題顯示一個div並在同一行的跨度..他們兩人的風格..在同一行顯示Div +跨度?

DIV

color: black; 
display: inline; 
font-family: arial, sans-serif; 
font-size: 13px; 
height: 0px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
margin-top: 0px; 
overflow-y: visible; 
padding-top: 0px; 
white-space: nowrap; 
width: 0px; 

SPAN

color: black; 
display: inline; 
font-family: arial, sans-serif; 
font-size: 13px; 
height: 0px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
margin-top: 0px; 
overflow-y: visible; 
padding-top: 0px; 
width: 0px; 

DIV與兩者包裹在

color: black; 
display: block; 
float: left; 
font-family: arial, sans-serif; 
font-size: 13px; 
height: 20px; 
margin-bottom: 0px; 
margin-left: 8px; 
margin-right: 0px; 
margin-top: 0px; 
overflow-y: visible; 
padding-top: 1px; 
width: 373px; 

我需要更改什麼才能讓div和span顯示在同一行上?目前div顯示,然後是它下面的行的跨度。

+0

只是好奇,爲什麼你不使用跨度,而不是一個div,如果你想要它內聯無論如何?這是跨度的默認行爲,所以它似乎最適合。你可能無法控制HTML嗎?哦,你可以簡單地使用'margin:0;'或'margin:0 0 0 8px;'而不是單獨指定每個頁邊距(頂部,底部等) – 2011-05-11 12:14:08

+0

您正在使用哪種瀏覽器?不能重現在ff,ie8上的問題。 [http://jsfiddle.net/WJjZs/1/](http://jsfiddle.net/WJjZs/1/) – amal 2011-05-11 12:16:24

回答

8

您需要添加display:inline;

+0

他已經有display:inline; – 2011-05-11 12:12:07

+0

他編輯了這個問題,因爲div樣式的第二行是'display:inline;' – 2011-05-11 12:15:20

+0

嗯,我之前一直在找它。 – Eddie 2011-05-11 12:18:52

0

這很難不HTML回答。乍看之下,我會說你應該把它們都漂浮在左邊。

0

我認爲浮動:留在div應該做的工作。

1

Div的默認'顯示'值是一個塊級元素,就像段落一樣,覆蓋整個'行'。

您需要將Div設置爲'display:inline'以顯示在span元素旁邊。

0

看看這個jsFiddle

你缺少漂浮在你的CSS位置。

希望這會有所幫助。