html - 根据 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; }

取决于你想要的样子