用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>
舉報