用CSS布局想實現這種 文字環繞圖片的效果。。。。。求解,多謝
關于文字環繞圖片的問題~~
SunNeverGiveUp
2017-04-15 23:09:51
TA貢獻446條經驗 獲得超754個贊
很遺憾,CSS目前不支持四周環繞,只支持左環繞或者右環繞。
<!doctype?html>
<style>
.container{width:?300px;text-indent:2em;word-break:break-all;}
.container:before{
????content:?'.';
????text-indent:?-99px;
????overflow:hidden;
????width:?1px;
????margin-left:?-1px;
????display:?block;
????float:?left;
????line-height:?2.5;
}
.img{width:50px;?height:50px;float:left;clear:both;margin:.5em;}
</style>
<div?class="container">
<img?class="img">?
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</div>
舉報