2015-11-10 37 views
-1

使用html/css/javascript在兩列段落的中心設置圖片?如何在由兩列文本包圍的中心放置圖像?

我找不到任何解決方案。它應該是這樣的:

desired layout

+0

看一看http://stackoverflow.com/questions/19179424/how-to-wrap-text- around-an-image-using-html-css – weirdpanda

+0

我已經看到上面的鏈接,但它不能滿足我的上述條件圖像在兩欄中間 –

+0

你不能用CSS做到這一點。而且,瀏覽器現在剛剛獲得對* plain * wraparound列的支持。 ......你可能會用JS做到這一點,但它會像所有的Git-out一樣脆弱。 –

回答

0
.wrap{ 
position:relative; 
} 
.col-1{ 
position:relative; 
} 
.col-2{ 
position:relative; 
} 
img{ 
position:absolute; 
top:300px; 
left:300px; 
} 


<div class="wrap"> 
<img src=""> 
<div class="col-1"></div> 
<div class="col-2"></div> 
</div> 

試試這個....

+1

謝謝abhishek快速回復,但圖像溢出內容。文字未在圖像空間上調整 –

相關問題