根据Foundation 5中的内容设置DIV的宽度

Question

我希望DIV的宽度只与内容一样宽，而不是父DIV内的全宽。

示例：

<div class="row">
    <div class="small-7 columns">
        <div class="mycontent> CONTENT </div>
    </div>
</div>

“mycontent”的宽度始终是“small-7 columns”内可用宽度的100％。如何将DIV的宽度设置为与本示例中的“CONTENT”一样宽。

Answer 1

.mycontent{ display: inline; }

或

.mycontent{ display: inline-block; }

取决于您希望它的样子

Answer 2

您可以设置＆＃34; mycontent＆＃34;等级为display:inline-block;。 Div是块级元素，自然会跨越父容器的整个宽度。