2012-09-27 64 views
2

請參閱此jsFiddle浮動元素上方的文本浮動換行

我希望h4元件包裹浮動元素,周圍而不改變文件流而不給h4設定寬度

您會注意到,如果您將浮動元素移動到h4上方,它將按照我希望的方式運行。

我需要這樣做的原因是該網站是響應式的,所以我不能依靠h4的寬度和浮動元素需要一個確切的寬度。

+0

如果我理解正確,這似乎不可能與您給定的限制。 – thirtydot

+0

我不明白你想要什麼。如果你可以添加一個粗略的圖像。 –

+0

這是不可能與給h4一個寬度,px或% – Andy

回答

1

檢查對方的回答和評論後,確實是不可能做到這一點,而無需移動.floated-element上述h4或給予h4寬度。

2

使文本clear:none;並將.floated-element移動到h4以上。

CSS

.text { 
    clear: none; 
    display: block;     
} 

HTML

<div class="floated-element"></div> 
<h4>This is a long title that needs to wrap around the floated element</h4> 

http://jsfiddle.net/Dqr8h/6/

+0

感謝您回答iambriansreed,但我正在尋找一種方法來做到這一點,而無需更改文檔流,如上所述。 – shrewdbeans