爲什麼我的div內容不顯示？

我有一個#info div元素，顯示一些文本字符串象下面這樣：爲什麼我的div內容不顯示？

<body> 
    ... 

    <div id="info"> 
     ABCDEFGHIJKLMNOPQRSTUVWXYZ ... 
    </div> 
</body>

我想的CSS #info div來它在頁面的底部中心的位置，所以我做了下面的事情：

#info{ 
    width:100px; 
    margin:0px auto; 
}

通過上述CSS中，#info DIV是在頁面的底部中心，但只有文本字符串的一部分顯示（只顯示「...」沒有' ABCDE ..「）。

我想它也許是因爲width:100px不足以顯示所有文本，所以我改變width:200px，但令人驚訝後，我增加了寬度，什麼也沒有顯示在所有底部中心。爲什麼？

-------------------- UPDATE ------------------

我在#info div之上有另一個div，如果這是原因，那麼我想問一下如何在#info div找到它在上面的div下面？

來源

2011-09-24 Leem.fin

您是否嘗試過爲DIV設置高度？ –

這裏沒有足夠的信息。你可以提供一個演示嗎？ –

顯示的代碼中沒有任何內容會這樣做。這是你的實際代碼嗎？你能展示一個行爲像那樣的工作例子嗎？ – Guffa

我最好的猜測是你有上面的東西是重疊和隱藏部分的DIV。在當前文本中，它正在分割字母和點之間的空間，將點放在第二行。 DIV的那部分顯示在其他部分的下方，第一部分被隱藏。當你將寬度增加到200px時，它的寬度足以容納一行內的所有內容，並且所有內容都消失了。你可能想嘗試添加一個clear: both，看看是否將它推到隱藏文本的下方。有時添加邊框（或者使用瀏覽器開發人員插件使用元素大綱）可以幫助診斷正在發生的事情。檢查你的Z-索引，以確保你有適當的飛機上的東西去做你想做的事。

來源

2011-09-24 19:57:14 tvanfosson

是的，因爲我的代碼顯示div上面有東西，我用'...'來表示。 #info div上方有另一個div，如何將#info div放置在上面的div下面？ –

<html> 
<head> 
<link rel="stylesheet" href="css.css" type="text/css"> 
</head> 
<body> 
    <section> 
    <div id="info1"> 
    asdgfawregawregawregawregawregawregaweg 
    </div> 
    <div id="info2"> 
    asdgfawregawregawregawregawregawregaweg 
    </div> 
    </section> 
</body> 
</html>

css文件：

#info1 { 
color: red; 
} 

#info2 { 
width:100px; 
margin:0px auto; 
}

所以......所有的顯示。也許你沒有提供足夠的信息...

來源

2011-09-24 20:17:42 WaNgeL

爲什麼我的div內容不顯示？

回答

相關問題