激情久久av免费一区二区,国产三级日本三级在线观看,国产午夜在线视频

　再談文字溢出問題

作者：zoloadang 　時間： 2008-02-29　文檔類型：原創(chuàng)　來自：藍色理想

第 1 頁再談文字溢出問題 [1]
第 2 頁再談文字溢出問題 [2]

4.也加上浮動效果；

運行代碼框
<!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 name="generator" content="PSPad editor, www.pspad.com" /> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>Untitled</title> <style> *{ font-family:"宋體"; } .test{ display:block; float: left; margin-right:2px; } .main{width:200px; } </style> </head> <body> <div class="main"> <a href="#" class="test">再談豬的問題</a> <a href="#" class="test">再談豬的問題</a> <a href="#" class="test">再談豬的問題</a> <a href="#" class="test">兩豬兩豬兩豬</a> <a href="#" style="color:#f00" class="test">↑上面就是多出的豬兩個</a> <a href="#" class="test">再談豬的問題</a> </div> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

5.想想如果將外面的main中的寬度設置去掉后，會發(fā)現(xiàn)最后個層并未連續(xù)浮動到第三個層后面，而是另起新行排列；

運行代碼框
<!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 name="generator" content="PSPad editor, www.pspad.com" /> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>Untitled</title> <style> *{ font-family:"宋體"; } .test{ display:block; float: left; margin-right:2px; } </style> </head> <body> <div > <a href="#" class="test">再談豬的問題</a> <a href="#" class="test">再談豬的問題</a> <a href="#" class="test">再談豬的問題</a> <a href="#" class="test">兩豬兩豬兩豬</a> <a href="#" style="color:#f00">↑上面就是多出的豬兩個</a> <a href="#" class="test">再談豬的問題</a> </div> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

6.將main中的寬度設定到一定數(shù)值時也可以是正常的；

運行代碼框
<!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 name="generator" content="PSPad editor, www.pspad.com" /> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>Untitled</title> <style> *{ font-family:"宋體"; } .test{ display:block; float: left; margin-right:2px; } .main{width:500px; } </style> </head> <body> <div class="main"> <a href="#" class="test">再談豬的問題</a> <a href="#" class="test">再談豬的問題</a> <a href="#" class="test">再談豬的問題</a> <a href="#" class="test">兩豬兩豬兩豬</a> <a href="#" style="color:#f00">↑上面就是多出的豬兩個</a> <a href="#" class="test">再談豬的問題</a> </div> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

經(jīng)典論壇討論：
http://bbs.blueidea.com/thread-2825965-1-1.html

本文鏈接：http://www.95time.cn/tech/web/2008/5359.asp　

出處：藍色理想
責任編輯：bluehearts

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。

相關文章

WEB2.0的單手定則


關鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設計比賽網(wǎng)頁制作 web標準用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點最新

站點最新列表

周大福“敬•自然”設計大賽開啟

國際體驗設計大會7月將在京舉行

中國國防科技信息中心標志征集

云計算如何讓安全問題可控

云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會

阿里行云

云手機年終巨獻，送禮標配299起

阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"

1499元買真八核云OS雙蛋大促

首屆COCO桌面手機主題設計大賽

欄目最新

欄目最新列表

淺談JavaScript編程語言的編碼規(guī)范

如何在illustrator中繪制臺歷

Ps簡單繪制一個可愛的鉛筆圖標

數(shù)據(jù)同步算法研究

用ps作簡單的作品展示頁面

CSS定位機制之一:普通流

25個最佳最閃亮的Eclipse開發(fā)項目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx