Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 根据基础5中的内容设置div的宽度_Html_Css_Zurb Foundation_Grid Layout - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 根据基础5中的内容设置div的宽度

Html 根据基础5中的内容设置div的宽度

html css zurb-foundation

Html 根据基础5中的内容设置div的宽度,html,css,zurb-foundation,grid-layout,Html,Css,Zurb Foundation,Grid Layout,我只希望DIV的宽度与内容一样宽，而不是父DIV内的全宽 例如： <div class="row"> <div class="small-7 columns"> <div class="mycontent> CONTENT </div> </div> </div> 或 根据您希望其外观的不同，您可以将“mycontent”类设置为display:inline block。div是块级元素，

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

例如：

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


或

根据您希望其外观的不同，您可以将“mycontent”类设置为
display:inline block。div是块级元素，自然会跨越父容器的整个宽度


.mycontent{ display: inline; }



.mycontent{ display: inline-block; }