如何大小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框，以便文本，无论长短

回答

相关问题