文章詳情頁(yè)
css3 - CSS 中讓文本緊貼圖片邊緣的屬性
瀏覽：241日期：2023-07-03 08:12:10
問(wèn)題描述
之前忘記在哪看到過(guò)， 現(xiàn)在要用了， 想不起來(lái)了， 如果有博客請(qǐng)一起貼上。
效果就是下面這樣:
問(wèn)題解答
回答1：文字環(huán)繞吧，看這篇文章http://www.cnblogs.com/pssp/p...
回答2：float
回答3：圖片設(shè)置float:left后文字會(huì)環(huán)繞圖片
回答4：圖片float，文字不要加float，只加上文字的相關(guān)修飾就行了，比如行高，字號(hào)等
回答5：圖片給浮動(dòng)，同時(shí)清除圖片的 margin，就會(huì)緊緊得挨著了，加了margin后后撐開一點(diǎn)距離
回答6：shape-outside: circle(50%) content-box;/*實(shí)際參照content-box default:margin-box other:ellipse(30% 50%) polygon() 內(nèi)減inset() circle()*/
http://codepen.io/xiaole-s/pe...
標(biāo)簽：
CSS
相關(guān)文章：
1. javascript - immutable配合react提升性能？2. javascript - sublime快鍵鍵問(wèn)題3. Apache 已經(jīng)把網(wǎng)站根目錄的改為allow from all了，但是服務(wù)器還是不能訪問(wèn)？4. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化5. css - 寫頁(yè)面遇到個(gè)布局問(wèn)題，求大佬們幫解答，在線等，急！~6. javascript - nodejs關(guān)于進(jìn)程間發(fā)送句柄的一點(diǎn)疑問(wèn)7. 配置Apache時(shí)，添加對(duì)PHP的支持時(shí)語(yǔ)法錯(cuò)誤8. 實(shí)現(xiàn)bing搜索工具urlAPI提交9. phpstudy8.1支持win11系統(tǒng)嗎？10. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備