2013-03-03 58 views
0

我在頁面中放置了一個div,或者在頁面中放置了任何東西,它會自動將其寬度擴展到最後,就好像我將寬度設置爲100%一樣。很明顯,我需要爲這個東西設置一個寬度值(比如100px),但我只是希望它的寬度與內容一樣寬,而不是固定的。文本越長,內容應該越寬。我該如何處理?怎麼了?簡單的CSS問題

回答

2

缺省情況下,auto寬告訴塊元素擴展到父元素的整個寬度。你想要display: tabledisplay: inline-block它縮小到其內容的寬度。

你可以在這裏看到實際display: table

http://codepen.io/cimmanon/pen/FvGxl

+0

非常感謝你。顯示:表;並顯示:內聯塊都運行良好。但我還有更多的問題。拳頭什麼可以做到這一點,爲什麼我最終必須設置顯示:表?另一件事:使用兩者中的一種會有什麼區別,或者是否有一點彼此不同? – 2013-03-03 17:44:10

+0

行內塊元素(想'')將與任何同分行內聯元素內聯,而表元素(認爲'

')不會。使用'display:table'還會生成匿名錶格行/表格單元格,但它不需要擔心。 – cimmanon2013-03-03 17:58:50

1

您需要設置:

width: auto; 
display: inline-block; 
+0

很抱歉,但這個可笑不起作用。在提出問題之前,我嘗試了這一點。它仍然是100%的寬度。 – 2013-03-03 17:34:15

+0

很抱歉忘了一行。 XD看我的編輯。 – 2013-03-03 17:38:38