Question

我正在尝试使用缩小以适应#container。它完美地工作，直到它包含的元素包装。这使它扩展到180px。

CSS：

#screen-dimensions 
{
    width: 250px;
    height: 100px;
    background-color: yellow;
}
#container
{
    display: table;
    background-color:red;
    border: 5px solid pink;
}
#container > div
{
    display: inline-block;
    width: 160px;
    background-color: blue;
    border: 5px solid lightBlue;
}

HTML：

<div id="screen-dimensions">
    <div id="container">
        <div>content</div>
        <div>content</div>
    </div>
</div>

我理解为什么会出现这种情况，但我找不到任何解决方法。

可以修复吗？

Answer 1

我通过玩显示属性来实现这一目标：

#container
{
    display: inline-block;
}
#container > div
{
    display: block;
}

请参阅：http://jsfiddle.net/feeela/Anc3v/

Answer 2

尝试使用：

$paged = get_query_var( 'paged' ) ? absint( get_query_var( 'paged' ) ) : 1;

如何在收缩中删除由自动换行引起的额外空间以适应元素？

2 个答案: