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

Question

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

实施例：

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

的 “为myContent” 的宽度始终为 “小-7列” 内的可用宽度的100％。如何将DIV的宽度设置为与本例中单词“CONTENT”一样宽。

Answer 1

.mycontent{ display: inline; } 

或

.mycontent{ display: inline-block; } 

取决于你想要怎么它看起来像

Answer 2

您可以在 “为myContent” 级设置为display:inline-block;。 Div是块级元素，自然会跨越父容器的整个宽度。