如何大小CSS一個div框，以便文本，無論長短

的心我覺得很難用言語來表達的問題，因爲我不是CSS足夠的知識。所以，我做了兩個例子jsfiddles。如何大小CSS一個div框，以便文本，無論長短

在我們看到的輸出是如何顯示左對齊文本這第一個例子。 http://jsfiddle.net/Aro2220/yw38p/

但在第二個例子中，我們看到當文本足夠長時，它會填充整個幀的寬度（不知道這是否是正確的術語），並且一直向下居中。 http://jsfiddle.net/Aro2220/DUcP6/

我試圖讓文本完美地集中在那個框架中，不管長度。我怎樣才能做到這一點？我的CSS非常稀少，我不確定是否有一個CSS命令，我很容易忽略，或者這是一項複雜的任務。

#outer { 
    position: absolute; 
    overflow: hidden; 
    height: 200px;  
} 

#inner { 
    position: relative; 
    top: 0px;  
    text-align: center; 
}

來源

2013-07-28 Aro

BTW，你不需要'頂：0px'在那裏，使這項工作。此外，如果你要保留它，單元（在這種情況下是'px'）部分是多餘的。您不需要爲「0」值指定單位，因爲任何單位的「0」都只是零。 – jedmao

使用本Demo1 Demo2

這將這樣的伎倆

#outer { 
    position: absolute; 
    overflow: hidden; 
    height: 200px; 
    width:100%; // added this to make the outer div width 100% 
}

通過sfjedi

，如果你有問題w/ margins和/或padding推薦給你不想要的horizontal scrollbar，使用css box-sizing: border-box所以100% width不把你扔出

來源

2013-07-28 04:14:47

很好的答案。如果你有問題瓦特/利潤和/或填充給你不想要的水平滾動條，使用CSS'箱尺寸：邊界box'所以'100％'寬度不扔你。 – jedmao

加入你的建議的答案:) –

字。感謝道具。 – jedmao

如何大小CSS一個div框，以便文本，無論長短

回答

相關問題