根據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是塊級元素，自然會跨越父容器的整個寬度。