我試圖達到這樣的設計:
黑圈是一個圖像(忽略rectangel)。我現在沒有如何得到這個工作,例如。 G。將circel定位在邊界上。也許你們有些人可以做到這一點?
我做了一個jsfiddle,所以你可以玩它。div的邊框上的中心圖像
HTML的StackOverflow的:
<div class="container">
<div class="manager-textbox">
<img src="http://www.altpress.com/images/uploads/news/Hello_Kitty.jpg" class="manager-portrait" style="height:100px">
<div class="manager-text">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean auctor malesuada mauris, sit amet tempus erat dictum eget.
In eleifend arcu augue. Quisque enim est, eleifend vitae est nec, gravida congue ligula. Proin id convallis
turpis.
</p>
</div>
</div>
</div>
檢查此人:http://stackoverflow.com/questions/43760364/image-position-divided-in-half/43760589#43760589 – margarita
已更新您的[* JSFiddle *](https://jsfiddle.net/ vivekkupadhyay/0ydygqmz/6) – vivekkupadhyay
另請參閱:https://jsfiddle.net/0ydygqmz/16/ –