我有div
與img
和p
標記。我想讓div「縮小」圖像並讓文字有機地包裹起來。但是,我試圖完全沒有JavaScript或約束(即寬度= 300px/50%等),因爲我的框架需要流暢。使父DIV收縮包裝內容
下面是一個類似於我現在的東西的示例:如何在不使用固定尺寸或JavaScript的情況下使外部潛水與「Google」圖像的大小相匹配?
我有div
與img
和p
標記。我想讓div「縮小」圖像並讓文字有機地包裹起來。但是,我試圖完全沒有JavaScript或約束(即寬度= 300px/50%等),因爲我的框架需要流暢。使父DIV收縮包裝內容
下面是一個類似於我現在的東西的示例:如何在不使用固定尺寸或JavaScript的情況下使外部潛水與「Google」圖像的大小相匹配?
div {
border:1px solid black;
display:table;
width:1%;
}
添加display: inline-block;
到您的div的類。這裏http://jsfiddle.net/r9rLr/
例子中,我有點困惑。你希望div與圖像的寬度相同,並且要在圖像下面顯示文字? –
相關:http://stackoverflow.com/questions/9951300/shrink-to-fit-div-and-paragraph-based-on-image – Adrift
@Adrift相關內容ftw – Jacksonkr