1

我发现很难用语言表达这个问题，因为我对 CSS 的了解不够。因此，我制作了两个示例 jsfiddles。

在第一个示例中，我们看到输出如何显示左对齐文本。 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;
}
4

1 回答 1

2

使用这个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，使用 cssbox-sizing: border-box这样100% width不会让你失望

于 2013-07-28T04:14:47.980 回答