css 文字上右下環(huán)繞廣告的寫法

2024-07-11 08:44:46

字體：大中小

供稿：網(wǎng)友

很久一段時(shí)間，我都在尋求一種文字從上-右-下方向環(huán)繞廣告位的一個(gè)辦法，而在找到之前，基本都是利用發(fā)布編輯器的所見即所得模式來(lái)實(shí)現(xiàn)廣告的環(huán)繞。或者是利用程序截取一段文字在頭部的辦法。
今天終于找到一種寫法，就是用一個(gè)寬度為1的空標(biāo)簽的高度來(lái)占位，然后圖片清除浮動(dòng)，來(lái)制造出這個(gè)頂部文字環(huán)繞的效果。啥都不說(shuō)了，看代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <title>利用css的clear屬性搞定廣告文字環(huán)繞</title> <meta name="keywords" content="css,clear,文字環(huán)繞" /> <meta name="description" content="利用css的clear屬性搞定廣告文字環(huán)繞，" /> <body> <div style="float:left;" mce_style="float:left;"> <div style="float:left;height:100px;width:1px;"></div> <div style="float:left;height:250px;width:250px;clear:left;background:#F00;margin:25px 5px 5px 0;"></div> <p>新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容新聞內(nèi)容</p> </div> </body> </html>

提示：您可以先修改部分代碼再運(yùn)行

上一篇：關(guān)于Firefox下截取后省略號(hào)的問題

下一篇：CSS 實(shí)現(xiàn)未知內(nèi)容高度的垂直水平居中(改良版)